fix: add fixed width to mobile aside (#515)

nuxt-themes · Jun 28, 2021 · 998a768 · 998a768 · vercel · Jun 28, 2021
1 parent dbfb529
commit 998a768
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/defaultTheme/components/organisms/app/AppAside.vue b/src/defaultTheme/components/organisms/app/AppAside.vue
@@ -15,7 +15,7 @@
 
       <!-- Mobile aside -->
       <Transition name="slide-from-left-to-left">
-        <AsideNavigation v-show="$menu.visible.value" class="d-border border-r" />
+        <AsideNavigation v-show="$menu.visible.value" class="d-border border-r !w-base" />
       </Transition>
     </div>
   </aside>

diff --git a/src/defaultTheme/windi.config.ts b/src/defaultTheme/windi.config.ts
@@ -65,6 +65,7 @@ export default defineConfig({
         }
       },
       spacing: {
+        base: '320px',
         header: 'var(--header-height)',
         18: '4.5rem',
         46: '11.5rem',