Adjust style

RPCSX · Oct 14, 2024 · 19ee97e · 19ee97e
1 parent 1b0432a
commit 19ee97e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
@@ -52,7 +52,7 @@
     <div>
         <form class="max-w-md mx-auto">
             <div class="relative">
-                <input bind:value={searchTerm} on:input type="search" class="block w-full h-8 p-2 text-sm placeholder-neutral-400 text-white border border-neutral-600 rounded bg-neutral-700 focus:ring-blue-500 focus:border-blue-500" placeholder={$_("header.search.placeholder")}/>
+                <input bind:value={searchTerm} on:input type="search" class="block w-full h-8 p-2 text-sm placeholder-neutral-400 text-white border border-neutral-600 rounded bg-neutral-700" placeholder={$_("header.search.placeholder")}/>
             </div>
         </form>
     </div>

diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
@@ -49,13 +49,12 @@
     <ul class="flex-col space-y-2">
         {#each tabs as tab}
         <li>
-            <button on:click={() => {setActiveTab(tab)}} class="inline-flex items-center p-2 pe-10 w-full rounded hover:bg-neutral-700 active:bg-neutral-800 shadow-sm">
+            <button on:click={() => {setActiveTab(tab)}} class="{activeTab == tab ? "bg-blue-700/40" : "hover:bg-neutral-700/40"} inline-flex items-center p-2 pe-10 w-full rounded active:bg-neutral-800/40 shadow-sm">
                 <div class="w-5 h-5 me-2 text-white">
                     <Icon src="{tab.icon}" solid />
                 </div>
                 {tab.label}
             </button>
-            <div class="{activeTab == tab ? "" : "invisible"} relative bottom-[2px] border border-blue-500 rounded-lg mx-2" />
         </li>
         {/each}
     </ul>