Fix CSS

AppleBlox · Dec 2, 2024 · e95668c · e95668c
1 parent 4f6a11d
commit e95668c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/frontend/src/windows/main/components/settings/panel.svelte b/frontend/src/windows/main/components/settings/panel.svelte
@@ -197,7 +197,7 @@
 								{/if}
 								<!-- Disable the widget if the button it is linked to is disabled -->
 								<div
-									class={`flex items-center w-full duration-200 ${isToggled(category, widget, widget.toggleable ? settings[category.id][widget.toggleable.id] : null) ? '' : 'cursor-not-allowed opacity-30 select-one group'}`}
+									class={`flex items-center w-full duration-200 ${isToggled(category, widget, widget.toggleable ? settings[category.id][widget.toggleable.id] : null) ? '' : 'cursor-not-allowed opacity-30 select-one group pointer-events-none'}`}
 								>
 									<!-- Description of the widget (except button) -->
 									{#if widget.options.type !== 'button'}

diff --git a/frontend/src/windows/main/components/settings/widgets/input.svelte b/frontend/src/windows/main/components/settings/widgets/input.svelte
@@ -48,7 +48,7 @@
 	<Tooltip.Trigger>
 		<Input
 			bind:value
-			class={`dark:bg-neutral-900 bg-neutral-300 text-center border-none w-[250px] font-sans mr-4 transition duration-150 ${doWarnAnimation ? 'animate-shake ring-red-900' : ''}`}
+			class={`text-foreground text-center border-none w-[250px] font-sans mr-4 transition duration-150 ${doWarnAnimation ? 'animate-shake ring-red-900' : ''}`}
 			{placeholder}
 			on:keypress={handleKeypress}
 			on:change={handleInput}

diff --git a/frontend/src/windows/main/components/settings/widgets/select.svelte b/frontend/src/windows/main/components/settings/widgets/select.svelte
@@ -16,10 +16,10 @@
 </script>
 
 <Select.Root {items} selected={defaultItem} onSelectedChange={handleSelect}>
-	<Select.Trigger class="w-[180px] dark:bg-neutral-900 bg-neutral-300 ml-auto mr-4 border-none">
-		<Select.Value class="text-black dark:text-white" />
+	<Select.Trigger class="w-[180px] dark:bg-neutral-900 bg-neutral-300 ml-auto mr-4 border-none text-left">
+		<Select.Value class="text-foreground" />
 	</Select.Trigger>
-	<Select.Content class="bg-popover border-none dark:text-white text-black">
+	<Select.Content class="bg-popover border-none text-foreground">
 		<Select.Group>
 			{#each items || [] as item (item.value)}
 				<Select.Item value={item} label={item.label}>{item.label}</Select.Item>