fix firefox aside

src/hooks/useBackgroundPicture.ts

@@ -13,7 +13,10 @@ export const restoreBackground = () => {
 }
 
 export const currBackground = computed(() => {
-  if (showKUNGalgameBackground.value === '0') {
+  if (
+    showKUNGalgameBackground.value === '0' ||
+    showKUNGalgameBackground.value === 'none'
+  ) {
     return 'none'
   } else {
     return `url(src/assets/images/bg/bg${showKUNGalgameBackground.value}.png)`

src/store/modules/settings.ts

@@ -18,7 +18,7 @@ const loadMainPageWidth =
 
 // 读出 localStorage 中网站的背景图数据
 const loadKUNGalgameBackground =
-  (localStorage.getItem('KUNGalgame-background') as string) || ''
+  (localStorage.getItem('KUNGalgame-background') as string) || 'none'
 
 const kungalgameSettings: KUNGalgameSettings = {
   // false -> settings panel off, true -> settings panel on

src/views/Home/content/aside/components/Aside.vue

@@ -23,10 +23,9 @@ import asideItem from '../aside-item'
   border: 1px solid $kungalgame-blue-4;
   span {
     width: 100%;
-    height: 100%;
+    height: 1px;
+    flex-grow: 1;
     font-size: 18px;
-    display: grid;
-    grid-auto-rows: minmax(0, 1fr); /* 控制行高度自适应 */
     border-top: 1px solid $kungalgame-blue-4;
     &:first-child {
       border-top: none;
@@ -38,6 +37,7 @@ import asideItem from '../aside-item'
     a {
       writing-mode: vertical-rl;
       text-orientation: upright;
+      width: 100%;
       height: 100%;
       display: flex;
       justify-content: center;