Update breadcrumb style

Scille · Dec 14, 2023 · 4e309b4 · 4e309b4
1 parent adc8c5c
commit 4e309b4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/client/src/components/header/HeaderBreadcrumbs.vue b/client/src/components/header/HeaderBreadcrumbs.vue
@@ -12,7 +12,7 @@
       v-for="path in fullPath"
       @click="navigateTo(path)"
       :path="path"
-      class="breadcrumb-element"
+      class="breadcrumb-element breadcrumb-normal"
       :key="path.id"
     >
       <ion-icon
@@ -23,6 +23,7 @@
 
       {{ path.display }}
       <ion-icon
+        class="separator-icon"
         slot="separator"
         :icon="caretForward"
       />
@@ -100,7 +101,12 @@ function navigateTo(path: RouterPathNode): void {
   cursor: pointer;
 
   .main-icon {
-    font-size: 1.5rem;
+    font-size: 1.125rem;
+  }
+
+  .separator-icon {
+    color: var(--parsec-color-light-secondary-grey);
+    font-size: 0.75rem;
   }
 }
 </style>
diff --git a/client/src/views/files/FoldersPage.vue b/client/src/views/files/FoldersPage.vue
@@ -174,6 +174,7 @@ import {
   IonList,
   IonListHeader,
   IonPage,
+  IonText,
   modalController,
   popoverController,
 } from '@ionic/vue';