Did it via flexbox + position absolute of the searchbar. Realized that that everything is a little bigger on the dummy than i assumed it was due to 90% scaling in view mode, but seems fine

2024-08-05 11:08:21 +03:00
parent 5eaae629e2
commit d7e54e21e1
3 changed files with 25 additions and 9 deletions
--- a/frontend/src/lib/components/searchbar.svelte
+++ b/frontend/src/lib/components/searchbar.svelte
@@ -11,21 +11,28 @@
 <style>
    .searchbar {

+        position: absolute;
        display: flex;
        align-items: center;

        background-color: var(--col_panel_field);
        border-radius: 30px;

+
+        height: 36px;
        padding: 10px;
+        margin-inline: auto auto;
    }

+    .searchbar__icon {
+        margin: 9px;
+    }
    .searchbar__input {
        border: none;
        background-color: transparent;
        color: var(--col_text_panel);

-        font-size: 18px;
+        font-size: 16px;
    }

    .searchbar__input:focus {