styles: match workspace with files

catto-labs · Aug 13, 2023 · 6d3215e · 6d3215e
1 parent 8e58a73
commit 6d3215e
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/src/routes/dashboard/[workspace_id].tsx b/src/routes/dashboard/[workspace_id].tsx
@@ -27,7 +27,7 @@ import IconDeleteOutline from "~icons/mdi/delete-outline";
 import IconDotsHorizontal from "~icons/mdi/dots-horizontal";
 import IconClose from "~icons/mdi/close";
 import IconFolderOutline from "~icons/mdi/folder-outline";
-import IconArrowULeftTop from "~icons/mdi/arrow-u-left-top"
+import IconArrowULeftTop from "~icons/mdi/arrow-u-left-top";
 
 import cattoDriveLogo from "@/assets/icon/logo.png";
 
@@ -96,13 +96,13 @@ const Page: Component = () => {
     if (name === "../") {
       return "Go back to parent folder";
     }
-  
+
     if (name.startsWith("./")) {
       return name.substring(2);
     }
-  
+
     return name;
-  }
+  };
 
   createEffect(() => {
     window.scrollTo(0, 0);
@@ -434,16 +434,19 @@ const Page: Component = () => {
                       >
                         {(workspace) => (
                           <A
-                            class="w-full h-auto py-3 px-2 flex flex-row justify-between items-center gap-1 border-b border-surface2 hover:bg-surface0"
+                            class="w-full h-auto py-3 px-2 flex flex-row justify-between text-text items-center gap-1 border-b border-surface2  hover:bg-surface0/50"
                             href={`/dashboard/${workspace().id}`}
                           >
-                            <div class="flex flex-row gap-2 pl-0.5 text-[#0f0f0f]">
-                              <Show when={workspace().name === "../"} fallback={
-                                <IconFolderOutline class="text-lg" />
-                              }>
+                            <div class="flex flex-row gap-2 pl-0.5 text-text">
+                              <Show
+                                when={workspace().name === "../"}
+                                fallback={<IconFolderOutline class="text-lg" />}
+                              >
                                 <IconArrowULeftTop class="text-lg" />
                               </Show>
-                              <p class="text-sm mt-0.5">{getWorkspaceName(workspace().name)}</p>
+                              <p class="text-sm mt-0.5 text-[#0f0f0f]">
+                                {getWorkspaceName(workspace().name)}
+                              </p>
                             </div>
                           </A>
                         )}