Updated shadcn

Author: niemyjski

src/Exceptionless.Web/ClientApp/README.md

@@ -1,22 +1,8 @@
-# create-svelte
-
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
+# Exceptionless User Interface
 
 ## Developing
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+Once you've created a project and installed dependencies with `npm install`, start a development server:
 
 ```bash
 npm run dev
@@ -35,8 +21,6 @@ npm run build
 
 You can preview the production build with `npm run preview`.
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
-
 ## Upgrading components
 
 You can upgrade [shadcn-svelte components](https://www.shadcn-svelte.com/) by running the following command

src/Exceptionless.Web/ClientApp/components.json

@@ -1,17 +1,17 @@
 {
     "$schema": "https://next.shadcn-svelte.com/schema.json",
-    "aliases": {
-        "components": "$comp",
-        "hooks": "$lib/hooks",
-        "ui": "$lib/features/shared/components/ui",
-        "utils": "$lib/utils"
-    },
-    "registry": "https://next.shadcn-svelte.com/registry",
     "style": "new-york",
     "tailwind": {
-        "baseColor": "zinc",
         "config": "tailwind.config.js",
-        "css": "src/app.css"
+        "css": "src/app.css",
+        "baseColor": "zinc"
+    },
+    "aliases": {
+        "components": "$comp",
+        "utils": "$lib/utils",
+        "ui": "$lib/features/shared/components/ui",
+        "hooks": "$lib/hooks"
     },
-    "typescript": true
+    "typescript": true,
+    "registry": "https://next.shadcn-svelte.com/registry"
 }

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/command/command-input.svelte

@@ -15,7 +15,7 @@
 	<Search class="mr-2 size-4 shrink-0 opacity-50" />
 	<CommandPrimitive.Input
 		class={cn(
-			"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+			"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-base outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			className
 		)}
 		bind:ref

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

@@ -14,7 +14,7 @@
 <input
 	bind:this={ref}
 	class={cn(
-		"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
+		"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 		className
 	)}
 	bind:value

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/radio-group/radio-group.svelte

@@ -8,8 +8,6 @@
 		value = $bindable(),
 		...restProps
 	}: RadioGroupPrimitive.RootProps = $props();
-
-	export { className as class };
 </script>
 
 <RadioGroupPrimitive.Root bind:value class={cn("grid gap-2", className)} {...restProps} bind:ref />