refac: styling

This commit is contained in:
Timothy Jaeryang Baek
2025-11-30 03:56:12 -05:00
parent 69b82edd63
commit 3ebb3e2143
69 changed files with 126 additions and 124 deletions
+1 -1
View File
@@ -14,7 +14,7 @@
export let className = 'w-60';
export let colorClassName =
'bg-white dark:bg-gray-850 border border-gray-50 dark:border-gray-800';
'bg-white dark:bg-gray-850 border border-gray-50/30 dark:border-gray-800/30';
export let url: string | null = null;
export let dismissible = false;
@@ -205,7 +205,7 @@
</div>
{:else if isPDF}
<div
class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850 text-center text-sm font-medium bg-transparent dark:text-gray-200"
class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850/30 text-center text-sm font-medium bg-transparent dark:text-gray-200"
>
<button
class="min-w-fit py-1.5 px-4 border-b {selectedTab === ''
+1 -1
View File
@@ -64,7 +64,7 @@
/>
</div>
<hr class="border-gray-100 dark:border-gray-850" />
<hr class="border-gray-100/30 dark:border-gray-850/30" />
{/if}
<div class="px-3 my-2 max-h-80 overflow-y-auto">
+5 -5
View File
@@ -63,7 +63,7 @@
<div class=" flex-1">
{#if valvesSpec.properties[property]?.enum ?? null}
<select
class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100 dark:border-gray-850"
class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100/30 dark:border-gray-850/30"
bind:value={valves[property]}
on:change={() => {
dispatch('change');
@@ -92,7 +92,7 @@
</div>
{:else if (valvesSpec.properties[property]?.type ?? null) !== 'string'}
<input
class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100 dark:border-gray-850"
class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100/30 dark:border-gray-850/30"
type="text"
placeholder={valvesSpec.properties[property].title}
bind:value={valves[property]}
@@ -120,7 +120,7 @@
<input
type="text"
class="flex-1 rounded-lg py-2 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100 dark:border-gray-850"
class="flex-1 rounded-lg py-2 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100/30 dark:border-gray-850/30"
placeholder={$i18n.t('Enter hex color (e.g. #FF0000)')}
bind:value={valves[property]}
autocomplete="off"
@@ -146,7 +146,7 @@
{#if valves[property]}
<input
type="text"
class=" w-full rounded-lg py-1 text-left text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100 dark:border-gray-850"
class=" w-full rounded-lg py-1 text-left text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100/30 dark:border-gray-850/30"
placeholder={$i18n.t('Enter coordinates (e.g. 51.505, -0.09)')}
bind:value={valves[property]}
autocomplete="off"
@@ -159,7 +159,7 @@
{/if}
{:else}
<textarea
class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100 dark:border-gray-850"
class="w-full rounded-lg py-2 px-4 text-sm dark:text-gray-300 dark:bg-gray-850 outline-hidden border border-gray-100/30 dark:border-gray-850/30"
placeholder={valvesSpec.properties[property].title}
bind:value={valves[property]}
autocomplete="off"