-
Notifications
You must be signed in to change notification settings - Fork 7
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feature/svelte stellar tailwind #1532
base: develop
Are you sure you want to change the base?
Conversation
48842e8
to
8792c1e
Compare
src/components/menus/AppMenu.svelte
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should be able to remove this old AppMenu
src/routes/tags/+page.svelte
Outdated
</div> | ||
</fieldset> | ||
|
||
<fieldset> | ||
<div class="tags-creator st-typography-body"> | ||
<!-- TODO: remove this fieldset --> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove comment
{/if} | ||
</svelte:fragment> | ||
</Panel> | ||
</CssGrid> | ||
</CssGrid> | ||
|
||
<style> | ||
<!-- TODO: remove this --> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove?
c619be3
to
7686e14
Compare
<TagChip | ||
tag={{ color: $colorField.value, id: -1, name: $nameField.value || 'Tag Name' }} | ||
removable={false} | ||
/> | ||
<span class="flex items-center border border-secondary pl-2 align-middle">@{user?.id}</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is the purpose of the @user
?
|
This PR integrates TailwindCSS and Stellar Svelte components. TailwindCSS is a CSS utility framework introduced as a soft dependency of Stellar Svelte. Over time the aim is to use TailwindCSS utility classes instead of our custom classes so that all of our styling is responsive to the underlying CSS variables that govern those utility classes from Tailwind. Stellar Svelte is built on top of shadcn-svelte components which uses Tailwind itself for styling and dynamic theming. By using Tailwind in Aerie UI we will be able to dynamically theme (light, dark, global color schemes, etc). Stellar Svelte components will provide us with a large library of high quality, accessible UI components that should also save us development effort.
This PR also:
Testing:
TODO: