npx @tailwindcss/upgrade

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/layouts/split-layout/sidebar.svelte

@@ -16,6 +16,6 @@
     };
 </script>
 
-<aside class={['w-full flex-shrink-0', widthClasses[width], className]} {...props}>
+<aside class={['w-full shrink-0', widthClasses[width], className]} {...props}>
     {@render children()}
 </aside>

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/typography/code-block.svelte

@@ -54,4 +54,4 @@
     );
 </script>
 
-<pre class={['bg-muted relative rounded px-[0.6rem] py-[0.5rem] font-mono text-sm', className]} {...props}>{@html content}</pre>
+<pre class={['bg-muted relative rounded px-[0.6rem] py-2 font-mono text-sm', className]} {...props}>{@html content}</pre>

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/typography/code.svelte

@@ -6,7 +6,7 @@
     let { children, class: className, ...props }: Props = $props();
 </script>
 
-<code class={['bg-muted relative rounded px-[0.6rem] py-[0.5rem] font-mono text-sm', className]} {...props}>
+<code class={['bg-muted relative rounded px-[0.6rem] py-2 font-mono text-sm', className]} {...props}>
     {#if children}
         {@render children()}
     {/if}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/context-menu/context-menu-content.svelte

@@ -15,7 +15,7 @@
 <ContextMenuPrimitive.Portal {...portalProps}>
 	<ContextMenuPrimitive.Content
 		class={cn(
-			"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-hidden",
+			"bg-popover text-popover-foreground z-50 min-w-32 rounded-md border p-1 shadow-md focus:outline-hidden",
 			className
 		)}
 		{...restProps}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/context-menu/context-menu-sub-content.svelte

@@ -12,7 +12,7 @@
 <ContextMenuPrimitive.SubContent
 	bind:ref
 	class={cn(
-		"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-lg focus:outline-hidden",
+		"bg-popover text-popover-foreground z-50 min-w-32 rounded-md border p-1 shadow-lg focus:outline-hidden",
 		className
 	)}
 	{...restProps}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -18,7 +18,7 @@
 		bind:ref
 		{sideOffset}
 		class={cn(
-			"bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
+			"bg-popover text-popover-foreground z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md",
 			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-hidden",
 			className
 		)}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -12,7 +12,7 @@
 <DropdownMenuPrimitive.SubContent
 	bind:ref
 	class={cn(
-		"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-lg focus:outline-hidden",
+		"bg-popover text-popover-foreground z-50 min-w-32 rounded-md border p-1 shadow-lg focus:outline-hidden",
 		className
 	)}
 	{...restProps}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/select/select-content.svelte

@@ -20,15 +20,15 @@
 		bind:ref
 		{sideOffset}
 		class={cn(
-			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
 			className
 		)}
 		{...restProps}
 	>
 		<Select.ScrollUpButton />
 		<SelectPrimitive.Viewport
 			class={cn(
-				"h-[var(--bits-select-anchor-height)] w-full min-w-[var(--bits-select-anchor-width)] p-1"
+				"h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) p-1"
 			)}
 		>
 			{@render children?.()}

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/separator/separator.svelte

@@ -14,7 +14,7 @@
 	bind:ref
 	class={cn(
 		"bg-border shrink-0",
-		orientation === "horizontal" ? "h-[1px] w-full" : "min-h-full w-[1px]",
+		orientation === "horizontal" ? "h-px w-full" : "min-h-full w-px",
 		className
 	)}
 	{orientation}

src/Exceptionless.Web/ClientApp/src/routes/(app)/project/[projectId]/+layout.svelte

@@ -39,7 +39,7 @@
                     <span class="block truncate">{projectQuery.data.name}</span>
                 </div>
             {/if}
-            <span class="flex-shrink-0">Settings</span></Card.Title
+            <span class="shrink-0">Settings</span></Card.Title
         >
         <Card.Description>Manage your project settings and integrations.</Card.Description>
         <Card.Action>