docs(brand-kit): update page layout

vuetifyjs · Aug 23, 2023 · 54cf06d · 54cf06d
1 parent d437e76
commit 54cf06d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/packages/docs/src/components/resources/Logos.vue b/packages/docs/src/components/resources/Logos.vue
@@ -87,17 +87,22 @@
 
  <v-col cols="12" class="pb-0 font-weight-bold">{{ t('icon') }}</v-col>
 
- <v-col v-for="icon in icons" :key="icon.title" cols="auto">
+ <v-col
+ v-for="icon in icons"
+ :key="icon.title"
+ cols="12"
+ sm="6"
+ >
  <v-sheet
  rounded
  border
- class="pa-4"
+ class="pa-2"
  >
  <div class="text-center">
  <v-icon
  :color="icon.color"
  :icon="icon.icon"
- size="125"
+ size="88"
  />
  </div>
 
@@ -151,10 +156,9 @@
  code: '<v-icon icon="$vuetify" />',
  },
  {
- title: 'Vuetify Icon Themed',
- icon: '$vuetify',
- color: 'primary',
- code: '<v-icon color="primary" icon="$vuetify" />',
+ title: 'Vuetify Outlined Icon',
+ icon: '$vuetify-outline',
+ code: '<v-icon icon="$vuetify-outline" />',
  },
  ]
 </script>
diff --git a/packages/docs/src/pages/en/resources/brand-kit.md b/packages/docs/src/pages/en/resources/brand-kit.md
@@ -1,5 +1,6 @@
 ---
 emphasized: true
+fluid: true
 meta:
  nav: Brand Kit
  title: Brand Kit & Assets