From 2c06867c75fb58e9181c5f1cad27a78279c41b89 Mon Sep 17 00:00:00 2001
From: wisecolt <wisecolt@gmail.com>
Date: Tue, 3 Feb 2026 13:15:30 +0300
Subject: [PATCH] =?UTF-8?q?style(ui):=20toats=20g=C3=BCncelleme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/routes/Settings.svelte | 50 ++++++++++++++++++++++---------
 1 file changed, 36 insertions(+), 14 deletions(-)

diff --git a/client/src/routes/Settings.svelte b/client/src/routes/Settings.svelte
index cc0ced0..af2048e 100644
--- a/client/src/routes/Settings.svelte
+++ b/client/src/routes/Settings.svelte
@@ -4,10 +4,10 @@
   import { showToast } from "../stores/toastStore.js";
 
   const tabs = [
-    { id: "general", label: "General", icon: "fa-solid fa-sliders" },
-    { id: "youtube", label: "YouTube", icon: "fa-brands fa-youtube" },
-    { id: "rclone", label: "Rclone", icon: "fa-solid fa-cloud" },
-    { id: "advanced", label: "Advanced", icon: "fa-solid fa-gear" }
+    { id: "general", label: "General", icon: "sliders" },
+    { id: "youtube", label: "YouTube", icon: "youtube" },
+    { id: "rclone", label: "Rclone", icon: "cloud" },
+    { id: "advanced", label: "Advanced", icon: "gear" }
   ];
 
   let activeTab = "youtube";
@@ -269,16 +269,38 @@
   </div>
 
   <div class="tabs">
-    {#each tabs as tab}
-      <button
-        class="tab {activeTab === tab.id ? 'active' : ''}"
-        type="button"
-        on:click={() => (activeTab = tab.id)}
-      >
-        <span class="icon"><i class={tab.icon}></i></span>
-        <span>{tab.label}</span>
-      </button>
-    {/each}
+    <button
+      class="tab {activeTab === 'general' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'general'}
+    >
+      <i class="fa-solid fa-sliders"></i>
+      <span>General</span>
+    </button>
+    <button
+      class="tab {activeTab === 'youtube' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'youtube'}
+    >
+      <i class="fa-brands fa-youtube"></i>
+      <span>YouTube</span>
+    </button>
+    <button
+      class="tab {activeTab === 'rclone' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'rclone'}
+    >
+      <i class="fa-solid fa-cloud"></i>
+      <span>Rclone</span>
+    </button>
+    <button
+      class="tab {activeTab === 'advanced' ? 'active' : ''}"
+      type="button"
+      on:click={() => activeTab = 'advanced'}
+    >
+      <i class="fa-solid fa-gear"></i>
+      <span>Advanced</span>
+    </button>
   </div>
 
   {#if activeTab === "youtube"}