#74 (style) - Add switch list mode speaker list

voxxrin · Aug 27, 2024 · 7a31af9 · 7a31af9
1 parent 8a05480
commit 7a31af9
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/mobile/src/styles/components/_listModeSwitch.scss b/mobile/src/styles/components/_listModeSwitch.scss
@@ -0,0 +1,32 @@
+.listModesSwitch {
+  background-color: var(--app-background);
+  border-radius: 44px;
+  border: 1px solid var(--app-beige-line);
+
+  &-button {
+    height: 38px;
+    width: 38px;
+    margin: 0;
+    --background: transparent;
+    --color: var(--app-primary);
+    --padding-start: 0;
+    --padding-end: 0;
+
+    @media (prefers-color-scheme: dark) {
+      &.button-solid {
+        --background: transparent;
+        --color: var(--app-white);
+      }
+    }
+
+    &._active {
+      --background: var(--app-primary);
+      --color: var(--app-white);
+
+      @media (prefers-color-scheme: dark) {
+        --background: var(--app-white);
+        --color: var(--app-primary);
+      }
+    }
+  }
+}
diff --git a/mobile/src/styles/main.scss b/mobile/src/styles/main.scss
@@ -10,6 +10,7 @@
 @import "@/styles/components/avatar.scss";
 @import "@/styles/components/bulletTag.scss";
 @import "@/styles/components/listCardsButtons.scss";
+@import "@/styles/components/listModeSwitch.scss";
 @import "@/styles/components/tabsSelection.scss";
 
 /* ~ BASE */