Merge pull request #20 from orziz/main

fix: content-main width

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;
     }
 

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;
     }

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 {