fix:平板样式问题

src/styles/app.css

@@ -549,7 +549,7 @@ a.hover:hover {
 /*定义滚动条轨道 内阴影+圆角*/
 ::-webkit-scrollbar {
   width: 3px;
-  height: 6px;
+  height: 3px;
   background: transparent;
 }
 

src/views/Index.vue

@@ -37,7 +37,7 @@ const { selections } = useSelection();
 
   .design-body {
     display: grid;
-    grid-template-columns: 300px 1fr 301px;
+    grid-template-columns: 300px calc(100% - 601px) 301px;
     height: calc(100vh - 40px);
     border-top: 1px solid var(--color-border);
   }

src/views/components/Graphics.vue

@@ -2090,7 +2090,7 @@ onUnmounted(() => {
 
     .list {
       overflow-y: auto;
-      max-height: calc(100vh - 100px);
+      max-height: calc(100vh - 80px);
       background-color: var(--color-background-active);
       /* padding-top: 8px; */
       .input-search {
@@ -2101,6 +2101,7 @@ onUnmounted(() => {
         z-index: 10;
         padding: 16px;
         color: #878f9c;
+        margin-top: -10px;
         .btn {
           background: #fff0;
           img {

src/views/components/View.vue

@@ -1858,7 +1858,8 @@ const onSuccessChargeCloud = () => {
     flex-shrink: 0;
     padding: 0 12px;
     z-index: 2;
-
+    overflow-x: scroll;
+    overflow-y: hidden;
     a {
       display: flex;
       align-items: center;