css fixes

diff --git a/frontend/src/lib/FileList.svelte b/frontend/src/lib/FileList.svelte
index 55e3cf05c2c59d852404eb75d75360c2d6bc4d68..56ad128c15750af2d345e2d5f4202c0a5eaf0b2d 100644 (file)
--- a/frontend/src/lib/FileList.svelte
+++ b/frontend/src/lib/FileList.svelte
@@ -91,7 +91,7 @@
                ondrop={(e) => handleDrop(e, index)}
        >
                <!-- svelte-ignore a11y_no_static_element_interactions -->
-               {#if editable}
+               {#if editable && files.length > 1}
                        <div
                                class="drag-handle d-flex align-items-center px-2"
                                draggable="true"

diff --git a/frontend/src/lib/Sidenav.svelte b/frontend/src/lib/Sidenav.svelte
index a82b46cbb61c41a5aab3861d5a2979c5ea2a0199..6ec22955b9d107c2ce6ea1eaca97951f274ed97c 100644 (file)
--- a/frontend/src/lib/Sidenav.svelte
+++ b/frontend/src/lib/Sidenav.svelte
@@ -449,22 +449,40 @@
 
        .searchTagDropdown {
                position: absolute;
-               /* background-color: white; */
-               box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+               box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+               backdrop-filter: blur(10px) saturate(150%);
                z-index: 1000;
-               left: 60px;
+               left: 74px;
                margin-top: 38px;
                max-height: 200px;
                overflow-y: auto;
                overflow-x: hidden;
                display: flex;
                flex-direction: column;
+               border-bottom-left-radius: 10px;
+               border-bottom-right-radius: 10px;
        }
 
-       .searchTag-item.selected {
-               background-color: #b2b4b6;
+       :global(body[data-bs-theme='dark']) .searchTagDropdown {
+               background-color: rgba(87, 87, 87, 0.5);
+       }
+
+       :global(body[data-bs-theme='light']) .searchTagDropdown {
+               background-color: rgba(196, 196, 196, 0.5);
+       }
+
+       :global(body[data-bs-theme='dark']) .searchTag-item.selected {
+               background-color: #5f5f5f;
        }
 
+       :global(body[data-bs-theme='light']) .searchTag-item.selected {
+               background-color: #b9b9b9;
+       }
+
+       /* .searchTag-item.selected {
+               background-color: #b2b4b6;
+       } */
+
        .searchTag-item {
                cursor: pointer;
                padding: 5px;

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index bdb3c570880779044fe563fd0c1d7e3176bb9f5f..7ef82dd61319164cfeb7355d4381988afeda15ea 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -1843,7 +1843,8 @@
                display: flex;
                flex-direction: column;
                backdrop-filter: blur(10px) saturate(150%);
-               border-radius: 10px;
+               border-bottom-left-radius: 10px;
+               border-bottom-right-radius: 10px;
        }
 
        :global(body[data-bs-theme='dark']) #tagDropdown {