fix: theme selection

amanharwara · Mar 27, 2023 · fa6d2f8 · fa6d2f8
1 parent a4cd333
commit fa6d2f8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 19 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "altus",
   "productName": "Altus",
-  "version": "4.8.5",
+  "version": "4.8.6",
   "description": "Desktop client for WhatsApp Web with themes & multiple account support.",
   "main": "src/index.js",
   "homepage": "https://gitlab.com/amanharwara/altus",

diff --git a/src/components/TabConfigModal.svelte b/src/components/TabConfigModal.svelte
@@ -98,9 +98,9 @@
         value={themeSelectItems.find(
           (theme) => theme.value === tabSettings.config.theme
         )}
-        showIndicator={true}
-        isClearable={false}
-        on:select={(e) => {
+        showChevron={true}
+        clearable={false}
+        on:change={(e) => {
           tabSettings.config.theme = e.detail.value;
         }}
       />
@@ -233,26 +233,21 @@
   }
 
   .selector {
-    --borderRadius: 0;
-    --listBorderRadius: 0;
-    --itemFirstBorderRadius: 0;
-    --inputColor: #000;
-    --inputPadding: 0.35rem 0.5rem;
-    --inputFontSize: 1rem;
-    --itemColor: #000;
-    --itemPadding: 0 0.5rem;
-    --itemFontSize: 0.95rem;
+    --border-radius: 0;
+    --list-border-radius: 0;
+    --item-first-border-radius: 0;
+    --input-color: #000;
+    --input-font-size: 1rem;
+    --item-color: #000;
+    --item-padding: 0 0.5rem;
+    --item-font-size: 0.95rem;
     --height: calc(1rem + 0.55rem * 2);
-    --indicatorTop: calc(var(--height) - 88%);
-    --indicatorRight: 0.5rem;
+    --indicator-top: calc(var(--height) - 88%);
+    --indicator-right: 0.25rem;
     color: #000;
     margin-bottom: 0.75rem !important;
   }
 
-  .selector :global(.selectContainer) {
-    --padding: 0 0.5rem !important;
-  }
-
   .selector :global(.selectedItem),
   .selector :global(.item) {
     font-size: 1rem;