Skip to content

Commit 7905765

Browse files
ken-zlaikumar-zlai
ken-zlai
authored and
kumar-zlai
committed
upgrade to tailwind 4 (#430)
## Summary ## Checklist - [ ] Added Unit Tests - [ ] Covered by existing CI - [ ] Integration tested - [ ] Documentation update <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Chores** - Upgraded core styling dependencies and configuration to leverage the latest standards. - **Style** - Refined visual elements across the interface for enhanced consistency and responsiveness. - Adjusted focus outlines, shadows, and layout utilities on various interactive components. - Enhanced grid and backdrop effects to improve overall visual clarity. These updates deliver a smoother and more polished experience without changing the underlying functionality. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
1 parent 11a7dcf commit 7905765

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+1106
-296
lines changed

‎frontend/package-lock.json

Lines changed: 929 additions & 172 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎frontend/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
"@sveltejs/adapter-static": "^3.0.8",
3131
"@sveltejs/kit": "^2.17.2",
3232
"@sveltejs/vite-plugin-svelte": "^5.0.3",
33+
"@tailwindcss/postcss": "^4.0.8",
3334
"@tailwindcss/typography": "^0.5.15",
3435
"@types/d3": "^7.4.3",
3536
"@types/eslint": "^9.6.1",
@@ -51,7 +52,7 @@
5152
"svelte-intersection-observer": "^1.0.0",
5253
"svelte-radix": "^1.1.1",
5354
"sveltekit-search-params": "^4.0.0-next.0",
54-
"tailwindcss": "^3.4.17",
55+
"tailwindcss": "^4.0.8",
5556
"typescript": "^5.7.3",
5657
"typescript-eslint": "^8.24.1",
5758
"unplugin-icons": "^22.1.0",

‎frontend/postcss.config.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1+
import tailwindcss from '@tailwindcss/postcss';
2+
import autoprefixer from 'autoprefixer';
3+
14
export default {
2-
plugins: {
3-
tailwindcss: {},
4-
autoprefixer: {}
5-
}
5+
plugins: [tailwindcss, autoprefixer]
66
};

‎frontend/src/app.css

Lines changed: 66 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,42 @@
1-
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
1+
@import 'tailwindcss';
2+
3+
@config "../tailwind.config.js";
4+
5+
/*
6+
The default border color has changed to `currentColor` in Tailwind CSS v4,
7+
so we've added these compatibility styles to make sure everything still
8+
looks the same as it did with Tailwind CSS v3.
9+
10+
If we ever want to remove these styles, we need to add an explicit border
11+
color utility to any element that depends on these defaults.
12+
*/
13+
@layer base {
14+
*,
15+
::after,
16+
::before,
17+
::backdrop,
18+
::file-selector-button {
19+
border-color: var(--color-gray-200, currentColor);
20+
}
21+
}
22+
23+
@utility content-auto {
24+
content-visibility: auto;
25+
}
26+
27+
@utility grid-stack {
28+
& > * {
29+
grid-area: 1 / 1;
30+
}
31+
}
32+
33+
@utility scrollbar-none {
34+
-ms-overflow-style: none;
35+
scrollbar-width: none;
36+
&::-webkit-scrollbar {
37+
display: none;
38+
}
39+
}
440

541
@layer base {
642
:root {
@@ -175,55 +211,37 @@
175211
}
176212
}
177213

178-
@font-face {
179-
font-family: 'Geist';
180-
src: url('/fonts/Geist-v1.4.01/webfonts/Geist[wght].woff2') format('woff2-variations');
181-
font-weight: 100 900;
182-
font-style: normal;
183-
font-display: swap;
184-
}
185-
186-
@font-face {
187-
font-family: 'Geist Mono';
188-
src: url('/fonts/GeistMono-1.4.01/webfonts/GeistMono[wght].woff2') format('woff2-variations');
189-
font-weight: 100 900;
190-
font-style: normal;
191-
font-display: swap;
192-
unicode-range: U+0030-0039; /* Digits 0-9 */
193-
}
194-
195-
@font-face {
196-
font-family: 'Inter';
197-
src: url('/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
198-
font-weight: 100 900;
199-
font-style: normal;
200-
font-display: swap;
201-
}
202-
203-
@font-face {
204-
font-family: 'Inter';
205-
src: url('/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
206-
font-weight: 100 900;
207-
font-style: italic;
208-
font-display: swap;
209-
}
210-
211214
@layer utilities {
212-
.content-auto {
213-
content-visibility: auto;
215+
@font-face {
216+
font-family: 'Geist';
217+
src: url('/fonts/Geist-v1.4.01/webfonts/Geist[wght].woff2') format('woff2-variations');
218+
font-weight: 100 900;
219+
font-style: normal;
220+
font-display: swap;
221+
}
222+
223+
@font-face {
224+
font-family: 'Geist Mono';
225+
src: url('/fonts/GeistMono-1.4.01/webfonts/GeistMono[wght].woff2') format('woff2-variations');
226+
font-weight: 100 900;
227+
font-style: normal;
228+
font-display: swap;
229+
unicode-range: U+0030-0039; /* Digits 0-9 */
214230
}
215231

216-
.grid-stack {
217-
& > * {
218-
grid-area: 1 / 1;
219-
}
232+
@font-face {
233+
font-family: 'Inter';
234+
src: url('/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
235+
font-weight: 100 900;
236+
font-style: normal;
237+
font-display: swap;
220238
}
221239

222-
.scrollbar-none {
223-
-ms-overflow-style: none;
224-
scrollbar-width: none;
225-
&::-webkit-scrollbar {
226-
display: none;
227-
}
240+
@font-face {
241+
font-family: 'Inter';
242+
src: url('/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
243+
font-weight: 100 900;
244+
font-style: italic;
245+
font-display: swap;
228246
}
229247
}

‎frontend/src/lib/components/CollapsibleSection.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
<IconChevronDown
5050
class="size-4 transition-transform duration-200 {open ? '' : '-rotate-90'}"
5151
/>
52-
<h2 class="{sizeClasses.title} !ml-2 select-text">{title}</h2>
52+
<h2 class="{sizeClasses.title} ml-2! select-text">{title}</h2>
5353
</CollapsibleTrigger>
5454
<div class="flex items-center justify-between flex-1 ml-2">
5555
{#if headerContentLeft}

‎frontend/src/lib/components/ExpandableCell.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
<div class="w-4">
5050
{#if $canExpand}
5151
<IconChevronDown
52-
class="size-4 transition-transform duration-200 text-neutral-900 flex-shrink-0 {$isExpanded
52+
class="size-4 transition-transform duration-200 text-neutral-900 shrink-0 {$isExpanded
5353
? ''
5454
: '-rotate-90'}"
5555
/>
@@ -58,7 +58,7 @@
5858
{#if Icon}
5959
<div
6060
style:--color={config.color}
61-
class="bg-[hsl(var(--color)/5%)] text-[hsl(var(--color))] w-4 h-4 rounded flex items-center justify-center ml-2 flex-shrink-0"
61+
class="bg-[hsl(var(--color)/5%)] text-[hsl(var(--color))] w-4 h-4 rounded flex items-center justify-center ml-2 shrink-0"
6262
>
6363
<Icon />
6464
</div>

‎frontend/src/lib/components/NavigationBar.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@
135135
</Button>
136136
<Separator class="my-[22px]" />
137137
<span class="mb-[10px] px-2 text-xs-medium text-muted-icon-neutral">Datasets</span>
138-
<ul class="space-y-[1px] flex-grow">
138+
<ul class="space-y-[1px] grow">
139139
{#each navItems.filter((item) => item.path != null) as item}
140140
<li>
141141
<Button

‎frontend/src/lib/components/SplitView.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
role="presentation"
5757
></div>
5858
<button
59-
class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
59+
class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
6060
onclick={() => (sidebarOpen = false)}
6161
>
6262
<IconXMark class="text-sm" />

‎frontend/src/lib/components/StatusCell.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
>
3333
</p>
3434
<div class="mt-4">
35-
<Button variant="secondary" class="!text-small !text-neutral-800">
35+
<Button variant="secondary" class="text-small! text-neutral-800!">
3636
<IconArrowDownOnSquare16Solid class="mr-2 h-4 w-4" />
3737
Download Logs
3838
</Button>

‎frontend/src/lib/components/charts/FeaturesLineChart.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@
8585
{@const value = seriesTooltipData ? valueAccessor(seriesTooltipData) : null}
8686

8787
<button
88-
class="col-span-full grid grid-cols-[1fr,auto] gap-6 hover:bg-neutral-400 py-2 px-3 rounded"
88+
class="col-span-full grid grid-cols-[1fr_auto] gap-6 hover:bg-neutral-400 py-2 px-3 rounded"
8989
onclick={() => onitemclick?.({ series: s, data: seriesTooltipData, value })}
9090
onmouseenter={() => setHighlightSeriesKey(s.key)}
9191
onmouseleave={() => setHighlightSeriesKey(null)}

‎frontend/src/lib/components/charts/TransformControls.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<!-- svelte-ignore a11y_no_static_element_interactions -->
4545
<div
4646
class={cn(
47-
'bg-surface-100/50 border rounded-full m-1 backdrop-blur z-10 flex p-1',
47+
'bg-surface-100/50 border rounded-full m-1 backdrop-blur-sm z-10 flex p-1',
4848
orientation === 'vertical' && 'flex-col',
4949
{
5050
'top-left': 'absolute top-0 left-0',

‎frontend/src/lib/components/ui/badge/index.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@ import { type VariantProps, tv } from 'tailwind-variants';
22

33
export { default as Badge } from './badge.svelte';
44
export const badgeVariants = tv({
5-
base: 'focus:ring-ring inline-flex select-none items-center rounded-md border border-neutral-500 px-2 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2',
5+
base: 'focus:ring-ring inline-flex select-none items-center rounded-md border border-neutral-500 px-2 py-0.5 text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2',
66
variants: {
77
variant: {
8-
default: 'bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow',
8+
default:
9+
'bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow-sm',
910
secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent',
1011
destructive:
11-
'bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow',
12+
'bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow-sm',
1213
outline: 'text-foreground',
1314
key: '',
1415
'key-bg': 'border-transparent bg-neutral-400',

‎frontend/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,6 @@
1919
class={cn('flex h-9 w-9 items-center justify-center', className)}
2020
{...$$restProps}
2121
>
22-
<DotsHorizontal class="h-4 w-4 outline-none" tabindex="-1" />
22+
<DotsHorizontal class="h-4 w-4 outline-hidden" tabindex="-1" />
2323
<span class="sr-only">More</span>
2424
</span>

‎frontend/src/lib/components/ui/button/index.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@ import { type VariantProps, tv } from 'tailwind-variants';
33
import Root from './button.svelte';
44

55
const buttonVariants = tv({
6-
base: 'focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-small font-regular-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50',
6+
base: 'focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-small font-regular-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50',
77
variants: {
88
variant: {
9-
default: 'bg-primary [&]:text-primary-foreground hover:bg-primary/90 shadow',
9+
default: 'bg-primary [&]:text-primary-foreground hover:bg-primary/90 shadow-sm',
1010
destructive:
11-
'bg-destructive [&]:text-destructive-foreground hover:bg-destructive/90 shadow-sm',
11+
'bg-destructive [&]:text-destructive-foreground hover:bg-destructive/90 shadow-xs',
1212
outline:
13-
'border-neutral-400 bg-transparent hover:bg-accent hover:text-accent-foreground border shadow-sm',
14-
secondary: 'bg-secondary [&]:text-secondary-foreground hover:bg-secondary/80 shadow-sm',
15-
secondaryAlt: 'bg-[#1D1D1F] [&]:text-secondary-foreground hover:bg-secondary/80 shadow-sm',
13+
'border-neutral-400 bg-transparent hover:bg-accent hover:text-accent-foreground border shadow-xs',
14+
secondary: 'bg-secondary [&]:text-secondary-foreground hover:bg-secondary/80 shadow-xs',
15+
secondaryAlt: 'bg-[#1D1D1F] [&]:text-secondary-foreground hover:bg-secondary/80 shadow-xs',
1616
ghost: 'hover:bg-accent hover:text-accent-foreground',
1717
link: '[&]:text-primary underline-offset-4 hover:underline'
1818
},

‎frontend/src/lib/components/ui/calendar/calendar-day.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@
2222
// Today
2323
'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
2424
// Selected
25-
'data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100',
25+
'data-selected:bg-primary data-selected:text-primary-foreground data-selected:hover:bg-primary data-selected:hover:text-primary-foreground data-selected:focus:bg-primary data-selected:focus:text-primary-foreground data-selected:opacity-100',
2626
// Disabled
27-
'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
27+
'data-disabled:text-muted-foreground data-disabled:opacity-50',
2828
// Unavailable
29-
'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
29+
'data-unavailable:text-destructive-foreground data-unavailable:line-through',
3030
// Outside months
31-
'data-[outside-month]:text-muted-foreground [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground data-[outside-month]:pointer-events-none data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:opacity-30',
31+
'data-outside-month:text-muted-foreground [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground data-outside-month:pointer-events-none data-outside-month:opacity-50 [&[data-outside-month][data-selected]]:opacity-30',
3232
className
3333
)}
3434
{...$$restProps}

‎frontend/src/lib/components/ui/checkbox/checkbox.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
<CheckboxPrimitive.Root
1616
class={cn(
17-
'border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content h-4 w-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',
17+
'border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content h-4 w-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',
1818
className
1919
)}
2020
bind:checked

‎frontend/src/lib/components/ui/command/command-dialog.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<Dialog.Root bind:open {...$$restProps}>
1414
<Dialog.Content class="overflow-hidden p-0">
1515
<Command
16-
class="[&_[data-cmdk-group-heading]]:text-muted-foreground [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 [&_[data-cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-cmdk-input]]:h-12 [&_[data-cmdk-item]]:px-2 [&_[data-cmdk-item]]:py-3 [&_[data-cmdk-item]_svg]:h-5 [&_[data-cmdk-item]_svg]:w-5"
16+
class="**:data-cmdk-group-heading:text-muted-foreground **:data-cmdk-group-heading:px-2 **:data-cmdk-group-heading:font-medium [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 **:data-cmdk-group:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 **:data-cmdk-input:h-12 **:data-cmdk-item:px-2 **:data-cmdk-item:py-3 [&_[data-cmdk-item]_svg]:h-5 [&_[data-cmdk-item]_svg]:w-5"
1717
{...$$restProps}
1818
bind:value
1919
>

‎frontend/src/lib/components/ui/command/command-group.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
<CommandPrimitive.Group
1111
class={cn(
12-
'text-foreground [&_[data-cmdk-group-heading]]:text-neutral-700 overflow-hidden !p-0 [&_[data-cmdk-group-heading]]:px-4 [&_[data-cmdk-group-heading]]:py-1 [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group-heading]]:h-6 [&_[data-cmdk-group-heading]]:bg-neutral-300',
12+
'text-foreground **:data-cmdk-group-heading:text-neutral-700 overflow-hidden p-0! **:data-cmdk-group-heading:px-4 **:data-cmdk-group-heading:py-1 **:data-cmdk-group-heading:text-xs **:data-cmdk-group-heading:font-medium **:data-cmdk-group-heading:h-6 **:data-cmdk-group-heading:bg-neutral-300',
1313
className
1414
)}
1515
{...$$restProps}

‎frontend/src/lib/components/ui/command/command-input.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<MagnifyingGlass class="mr-2 h-4 w-4 shrink-0 opacity-50" />
1515
<CommandPrimitive.Input
1616
class={cn(
17-
'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-regular outline-none disabled:cursor-not-allowed disabled:opacity-50',
17+
'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-regular outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
1818
className
1919
)}
2020
{...$$restProps}

‎frontend/src/lib/components/ui/command/command-item.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
<CommandPrimitive.Item
1414
{asChild}
1515
class={cn(
16-
'aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center !px-4 py-1.5 text-regular outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg:first-of-type]:mr-2 bg-neutral-200 h-10 [&:not(:last-child)]:border-b',
17-
'data-[disabled]:cursor-default cursor-pointer',
16+
'aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center px-4! py-1.5 text-regular outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50 [&>svg:first-of-type]:mr-2 bg-neutral-200 h-10 not-last:border-b',
17+
'data-disabled:cursor-default cursor-pointer',
1818
className
1919
)}
2020
{...$$restProps}

‎frontend/src/lib/components/ui/dialog/dialog-content.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
>
2828
<slot />
2929
<DialogPrimitive.Close
30-
class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none border border-border p-2 hover:bg-muted"
30+
class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none border border-border p-2 hover:bg-muted"
3131
>
3232
<Cross2 class="h-4 w-4" />
3333
<span class="sr-only">Close</span>

‎frontend/src/lib/components/ui/dialog/dialog-overlay.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,6 @@
1616
<DialogPrimitive.Overlay
1717
{transition}
1818
{transitionConfig}
19-
class={cn('bg-background/80 fixed inset-0 z-50 backdrop-blur-sm ', className)}
19+
class={cn('bg-background/80 fixed inset-0 z-50 backdrop-blur-xs ', className)}
2020
{...$$restProps}
2121
/>

‎frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<DropdownMenuPrimitive.CheckboxItem
1515
bind:checked
1616
class={cn(
17-
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
17+
'data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50',
1818
className
1919
)}
2020
{...$$restProps}

‎frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
{transitionConfig}
1717
{sideOffset}
1818
class={cn(
19-
'bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none',
19+
'bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-hidden',
2020
className
2121
)}
2222
{...$$restProps}

‎frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
<DropdownMenuPrimitive.Item
1616
class={cn(
17-
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
17+
'data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50',
1818
inset && 'pl-8',
1919
className
2020
)}

‎frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<DropdownMenuPrimitive.RadioItem
1515
class={cn(
16-
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
16+
'data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50',
1717
className
1818
)}
1919
{value}

0 commit comments

Comments
 (0)