From 76a8fdffd9aa45379ca1744d772fb9ae7a6df471 Mon Sep 17 00:00:00 2001
From: orzi! <1063614727@qq.com>
Date: Mon, 30 May 2022 17:19:59 +0800
Subject: [PATCH] fix: content-main width

---
 web/src/assets/css/main.less    | 7 ++++++-
 web/src/components/rightbar.vue | 2 +-
 web/src/components/sidebar.vue  | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/assets/css/main.less b/web/src/assets/css/main.less
index ebc806a5..b33e6dac 100644
--- a/web/src/assets/css/main.less
+++ b/web/src/assets/css/main.less
@@ -1,3 +1,8 @@
+:root {
+    // 如果要变更中间栏的大小，修改此处即可
+    --content-main: 500px;
+}
+
 .app-container {
     margin: 0;
 
@@ -16,7 +21,7 @@
 
     .content-wrap {
         width: 100%;
-        max-width: 500px;
+        max-width: var(--content-main);
         position: relative;
     }
 
diff --git a/web/src/components/rightbar.vue b/web/src/components/rightbar.vue
index c4d363b9..ee6c6035 100644
--- a/web/src/components/rightbar.vue
+++ b/web/src/components/rightbar.vue
@@ -119,7 +119,7 @@ onMounted(() => {
 .rightbar-wrap {
     width: 240px;
     position: fixed;
-    left: calc(50% + 260px);
+    left: calc(50% + var(--content-main) / 2 + 10px);
     .search-wrap {
         margin: 12px 0;
     }
diff --git a/web/src/components/sidebar.vue b/web/src/components/sidebar.vue
index 0749f6e6..bde6a712 100644
--- a/web/src/components/sidebar.vue
+++ b/web/src/components/sidebar.vue
@@ -279,7 +279,7 @@ window.$message = useMessage();
     width: 200px;
     height: 100vh;
     position: fixed;
-    right: calc(50% + 260px);
+    right: calc(50% + var(--content-main) / 2 + 10px);
     padding: 12px 0;
     box-sizing: border-box;
     .n-menu .n-menu-item-content::before {