From a0a97e2bca8b3d3b8950f73a4d209d3cad44e59c Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Tue, 17 Dec 2024 02:45:24 +0100
Subject: [PATCH] fix(ui): style sidebar search

---
 front/src/components/ui/input.scss  |  5 ++++-
 front/src/ui/components/Sidebar.vue | 26 ++++++++++++++++++--------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/front/src/components/ui/input.scss b/front/src/components/ui/input.scss
index 2d977ad97..e4537c35c 100644
--- a/front/src/components/ui/input.scss
+++ b/front/src/components/ui/input.scss
@@ -7,6 +7,9 @@
       &::placeholder {
         color: var(--fw-placeholder-color);
       }
+      @include dark-theme {
+        color: var(--fw-gray-300);
+      }
     }
 
     .prefix,
@@ -39,7 +42,7 @@
       }
 
       &:focus-within {
-        --fw-border-color: var(--fw-primary);
+        --fw-border-color: var(--fw-gray-600);
         --fw-bg-color: var(--fw-gray-800);
       }
     }
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index ff1b32c8e..a32866877 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -148,11 +148,6 @@ const uploads = useUploadsStore()
 </template>
 
 <style module lang="scss">
-.logo {
-  height: 40px;
-  width: 40px;
-  margin: 20px;
-}
 
 .sidebar {
   height: 100%;
@@ -168,6 +163,12 @@ const uploads = useUploadsStore()
 
     > .header-wrapper {
       display: flex;
+
+      .logo {
+        height: 40px;
+        width: 40px;
+        margin: 20px;
+      }
     }
 
     .quick-actions {
@@ -228,7 +229,6 @@ const uploads = useUploadsStore()
           }
         }
       }
-
       .avatar,
       .logo {
         height: 30px;
@@ -257,8 +257,18 @@ const uploads = useUploadsStore()
       }
     }
 
-    > .search {
-      padding: 0 16px 23px;
+    .search {
+      padding: 0 4px;
+      margin-bottom: 40px;
+
+      input {
+        height: 50px;
+
+        &:focus {
+          border-color: var(--fw-gray-100);
+        }
+
+      }
     }
 
     > h3 {