fix: TheSidebar width

ufaboy · Jul 8, 2024 · 21942de · 21942de
1 parent 447f646
commit 21942de
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lib-vue",
   "private": true,
-  "version": "1.10.2",
+  "version": "1.10.3",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue
@@ -29,8 +29,8 @@ const bookID = computed(() => {
 
   <aside
     v-bind="$attrs"
-    class="fixed -left-80 top-0 z-20 h-full w-80 bg-white pt-14 shadow transition dark:bg-gray-900 dark:text-white lg:left-0 lg:pt-0"
-    :class="{'translate-x-80': expanded}">
+    class="fixed -left-60 top-0 z-20 h-full w-60 bg-white pt-14 shadow transition dark:bg-gray-900 dark:text-white lg:left-0 lg:pt-0"
+    :class="{'translate-x-60': expanded}">
     <ul
       class="">
       <li class="w-full">

diff --git a/src/layouts/LayoutMain.vue b/src/layouts/LayoutMain.vue
@@ -28,7 +28,7 @@ document.documentElement.classList.add('scrollbar-gutter');
 <template>
   <div id="layout" class="relative flex min-h-full flex-col lg:flex-row">
     <TheSidebar class="" :expanded="sidebarShow" @toggle-sidebar="sidebarShow = !sidebarShow" />
-    <router-view :progress="scrollingProgress.progress" class="relative px-2 lg:left-80" />
+    <router-view :progress="scrollingProgress.progress" class="relative px-2 lg:left-60" />
     <BtnScrollToTop
       v-if="btnTopShow"
       class="fixed bottom-20 right-10 z-10 flex size-10 items-center justify-center"