fix: 设置侧边栏最小宽度,防止变形
This commit is contained in:
@@ -33,7 +33,7 @@ function skip(path: string) {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex min-h-[calc(100%-280px)]">
|
<div class="flex min-h-[calc(100%-280px)]">
|
||||||
<ul class="w-56 m-0 mr-3 menu bg-base-200 pt-14">
|
<ul class="w-56 m-0 mr-3 min-w-56 menu bg-base-200 pt-14">
|
||||||
<li v-for="item in menuList" :key="item.name">
|
<li v-for="item in menuList" :key="item.name">
|
||||||
<details v-if="item.children" open>
|
<details v-if="item.children" open>
|
||||||
<summary>{{ item.meta.title }}</summary>
|
<summary>{{ item.meta.title }}</summary>
|
||||||
@@ -65,7 +65,7 @@ function skip(path: string) {
|
|||||||
>{{ item.meta!.title }}</a>
|
>{{ item.meta!.title }}</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<router-view class="mt-5" />
|
<router-view class="flex-1 mt-5" />
|
||||||
</div>
|
</div>
|
||||||
<footer class="p-10 rounded footer footer-center bg-base-200 text-base-content">
|
<footer class="p-10 rounded footer footer-center bg-base-200 text-base-content">
|
||||||
<nav class="grid grid-flow-col gap-4">
|
<nav class="grid grid-flow-col gap-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user