优化布局

public/netlist.css

@@ -114,8 +114,8 @@ a {
 .digital-ide-icon.big {
     background-image: url(./icon.svg);
     background-size: 100%;
-    height: 200px;
-    width: 200px;
+    height: 150px;
+    width: 150px;
 }
 
 .el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {

src/components/about/index.vue

@@ -56,13 +56,10 @@ const { t } = useI18n();
 <style>
 .about-wrapper {
     margin-top: 10px;
-    width: 450px;
 }
 
 .version-caption {
     display: flex;
-    width: 100% !important;
-    font-size: 1.1rem;
     padding: 10px;
     margin: 10px;
     align-items: center;

src/components/right-nav.js

@@ -18,7 +18,7 @@ export const controlPanel = reactive({
             this.currentIndex = -1;
         } else {
             if (horizontalResizer.width < 5) {
-                horizontalResizer.width = 200;
+                horizontalResizer.width = 362;
             }
             this.currentIndex = index;
         }
@@ -29,7 +29,7 @@ export const controlPanel = reactive({
 export const horizontalResizer = reactive({
     active: false,
     hover: false,
-    width: 200,
+    width: 362,
     mousedown() {
         this.active = true;
         document.addEventListener('mousemove', resize);

src/components/right-nav.vue

@@ -86,6 +86,7 @@ const resizerWrapperStyle = computed(() => ({
     box-shadow: var(--gray-box-shadow-1);
     z-index: 200;
     width: 100vw;
+    user-select: none;
 }
 
 .horizontal-scalable-wrapper {

src/components/treeview/index.vue

@@ -44,7 +44,7 @@ onMounted(() => {
 }
 
 .icon-wave-square {
-    color: var(--signal-default-color);
+    color: var(--main-color);
 }
 
 .icon-brackets {