Skip to content

Commit

Permalink
1661-replaced input with skeleton
Browse files Browse the repository at this point in the history
  • Loading branch information
@katarina-cala
katarina-cala committed Nov 22, 2024
1 parent 548ac45 commit f5a7ae7
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions client/src/pages/account/settings/Appearance.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,23 +59,23 @@ export default function Appearance() {
</FormControl>

<div className="items-center rounded-md border-2 border-border/50 p-1 hover:border-accent">
<div className="space-y-2 rounded-sm bg-input p-2">
<div className="space-y-2 rounded-sm bg-skeleton p-2">

Check warning on line 62 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Invalid Tailwind CSS classnames order

Check warning on line 62 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Classname 'bg-skeleton' is not a Tailwind CSS class!
<div className="space-y-2 rounded-md bg-white p-2 shadow-sm">
<div className="h-2 w-appearance-theme-choice-skeleton-small-width rounded-lg bg-input" />
<div className="h-2 w-appearance-theme-choice-skeleton-small-width rounded-lg bg-skeleton" />

Check warning on line 64 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Invalid Tailwind CSS classnames order

Check warning on line 64 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Classname 'bg-skeleton' is not a Tailwind CSS class!

<div className="h-2 w-appearance-theme-choice-skeleton-large-width rounded-lg bg-input" />
<div className="h-2 w-appearance-theme-choice-skeleton-large-width rounded-lg bg-skeleton" />

Check warning on line 66 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Invalid Tailwind CSS classnames order

Check warning on line 66 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Classname 'bg-skeleton' is not a Tailwind CSS class!
</div>

<div className="flex items-center space-x-2 rounded-md bg-white p-2 shadow-sm">
<div className="size-4 rounded-full bg-input" />
<div className="size-4 rounded-full bg-skeleton" />

Check warning on line 70 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Invalid Tailwind CSS classnames order

Check warning on line 70 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Classname 'bg-skeleton' is not a Tailwind CSS class!

<div className="h-2 w-appearance-theme-choice-skeleton-large-width rounded-lg bg-input" />
<div className="h-2 w-appearance-theme-choice-skeleton-large-width rounded-lg bg-skeleton" />

Check warning on line 72 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Invalid Tailwind CSS classnames order

Check warning on line 72 in client/src/pages/account/settings/Appearance.tsx

View workflow job for this annotation

GitHub Actions / client 

Classname 'bg-skeleton' is not a Tailwind CSS class!
</div>

<div className="flex items-center space-x-2 rounded-md bg-white p-2 shadow-sm">
<div className="size-4 rounded-full bg-input" />
<div className="size-4 rounded-full bg-skeleton" />

<div className="h-2 w-appearance-theme-choice-skeleton-large-width rounded-lg bg-input" />
<div className="h-2 w-appearance-theme-choice-skeleton-large-width rounded-lg bg-skeleton" />
</div>
</div>
</div>
Expand Down Expand Up @@ -123,7 +123,7 @@ export default function Appearance() {
</FormControl>

<div className="items-center rounded-md border-2 border-border/50 bg-popover p-1 hover:bg-accent hover:text-accent-foreground">
<div className="space-y-2 rounded-sm bg-input p-2">
<div className="space-y-2 rounded-sm bg-skeleton p-2">
<div className="space-y-2 rounded-md bg-slate-800 p-2 shadow-sm">
<div className="h-2 w-appearance-theme-choice-skeleton-small-width rounded-lg bg-slate-400" />

Expand Down

0 comments on commit f5a7ae7

Please sign in to comment.