Merge pull request #1744 from threefoldtech/development_fix_breadcrum…

…bs_margin Fix breadcrumbs margin
threefoldtech · Dec 20, 2023 · d159ee0 · d159ee0
2 parents cecb66b + 9b31c73
commit d159ee0
Showing 1 changed file with 12 additions and 14 deletions.
diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
@@ -143,20 +143,18 @@
           }"
           height="50"
         >
-          <v-container>
-            <v-row>
-              <v-breadcrumbs :items="navbarConfig.path" active-color="secondary">
-                <template v-slot:divider>
-                  <v-icon icon="mdi-chevron-right"></v-icon>
-                </template>
-                <template v-slot:item="{ item }">
-                  <router-link :to="item.to" :class="{ 'clickable-item': !item.disabled }">
-                    {{ item.title }}
-                  </router-link>
-                </template>
-              </v-breadcrumbs>
-            </v-row>
-          </v-container>
+          <v-row>
+            <v-breadcrumbs class="ma-3" :items="navbarConfig.path" active-color="secondary">
+              <template v-slot:divider>
+                <v-icon icon="mdi-chevron-right"></v-icon>
+              </template>
+              <template v-slot:item="{ item }">
+                <router-link :to="item.to" :class="{ 'clickable-item': !item.disabled }">
+                  {{ item.title }}
+                </router-link>
+              </template>
+            </v-breadcrumbs>
+          </v-row>
         </v-toolbar>
 
         <DeploymentListManager>