From 73e7c08b8c44651308557604f9f655f6f1fe87f4 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Fri, 28 Feb 2025 00:58:12 +1100
Subject: launcher: made search bar + mode switcher

---
 scss/launcher.scss | 46 +++++++++++++++++++++++++++++-----------------
 1 file changed, 29 insertions(+), 17 deletions(-)

(limited to 'scss')

diff --git a/scss/launcher.scss b/scss/launcher.scss
index a9941bf..c2175e7 100644
--- a/scss/launcher.scss
+++ b/scss/launcher.scss
@@ -4,13 +4,18 @@
 
 @mixin launcher($mode, $colour) {
     &.#{$mode} {
-        label.icon {
-            color: $colour;
+        .search-bar {
+            .mode {
+                @include lib.border($colour, $width: 2);
+            }
+
+            .entry {
+                border-bottom: lib.s(2) solid $colour;
+            }
         }
 
-        .separator {
-            background-color: $colour;
-            margin: lib.s(5) 0;
+        .mode-switcher .mode.selected {
+            border-top: lib.s(2) solid $colour;
         }
     }
 }
@@ -18,12 +23,16 @@
 .launcher {
     @include lib.rounded(10);
     @include lib.shadow;
-    @include lib.element-decel;
-    @include font.main;
+    @include font.mono;
 
-    background-color: scheme.$mantle;
+    background-color: scheme.$base;
     color: scheme.$text;
-    padding: lib.s(10) lib.s(14);
+    padding: lib.s(14);
+    font-size: lib.s(16);
+    min-width: lib.s(700);
+    min-height: lib.s(420);
+
+    @include lib.spacing(20, true);
 
     @include launcher(apps, scheme.$sapphire);
     @include launcher(files, scheme.$peach);
@@ -31,18 +40,21 @@
     @include launcher(windows, scheme.$teal);
 
     .search-bar {
-        margin-bottom: lib.s(5);
-        font-size: lib.s(16);
+        @include lib.spacing(10);
 
-        @include lib.spacing;
+        .mode {
+            @include lib.rounded(5);
+            @include lib.element-decel;
 
-        .icon {
-            font-size: lib.s(18);
+            padding: lib.s(5);
         }
+    }
 
-        .placeholder {
-            color: scheme.$subtext0;
-        }
+    .mode-switcher .mode {
+        @include lib.element-decel;
+
+        border-top: lib.s(2) solid transparent;
+        padding-top: lib.s(10);
     }
 
     .result {
-- 
cgit v1.2.3-freya