Skip to content

Fix: Convert Inline Styles to Tailwind CSS#449

Open
svarcoder wants to merge 3 commits into
devfrom
subham/AR-8189-dashboard-design-system-optimisation
Open

Fix: Convert Inline Styles to Tailwind CSS#449
svarcoder wants to merge 3 commits into
devfrom
subham/AR-8189-dashboard-design-system-optimisation

Conversation

@svarcoder

@svarcoder svarcoder commented Sep 27, 2024

Copy link
Copy Markdown
Contributor

Fix: Convert Inline Styles to Tailwind CSS

Resolves or continues AR-8189.

Changes

Convert Inline Styles to Tailwind CSS

Checklist

  • The branch name follows the format: developer/AR-XXX-issue-name.
  • The changes have been tested locally.

@vercel

vercel Bot commented Sep 27, 2024

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
developer-dashboard-dev ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 7, 2024 8:52am
developer-dashboard-prod ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 7, 2024 8:52am

Comment thread src/pages/ManageApps.vue Outdated
class="legend-dot"
style="background-color: var(--primary)"
></div>
<div class="legend-dot bg-[var(--primary)]"></div>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@svarcoder add these var values to tailwind config and use something like example bg-primary-100 or something

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do this for all the variables

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok.I am doing that.

@svarcoder svarcoder Sep 30, 2024

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed That in All File. Please Check

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some Reviews for the Issue as a Whole

  1. Remove Every Custom/Hardcoded Style Value in the Tailwind.
  2. Update the Tailwind Config up to our requirements to optimise the Styling Code that we write, i.e Height, Padding, Typography and Color Schemes etc
  3. Remove The Inline CSS Mods added to the UI Components.
  4. Update or Replace the Pre Existing PNGs to modern image formats (SVGs, WebPs)
  5. Remove any Redundant or Unused Code or Components.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants