From c1d225bc85c3e290566221be323c3bc9437623d5 Mon Sep 17 00:00:00 2001
From: ShineKOT <1917095344@qq.com>
Date: Thu, 21 Aug 2025 11:36:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=8D=A0=E4=BD=8D=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/index-blank-placeholder.scss          | 38 ++++++++++++++-----
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/packages/index-blank-placeholder/src/index-blank-placeholder.scss b/packages/index-blank-placeholder/src/index-blank-placeholder.scss
index c6f5f643..fde1f627 100644
--- a/packages/index-blank-placeholder/src/index-blank-placeholder.scss
+++ b/packages/index-blank-placeholder/src/index-blank-placeholder.scss
@@ -1,10 +1,8 @@
 @include b(studio-index-blank-placeholder) {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
+  width: calc(100% - 48px);
   height: 100%;
-  padding: 24px;
+  margin: 0 24px;
+  overflow-x: auto;
 
   @include e(font-neon) {
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
@@ -16,12 +14,13 @@
     display: flex;
     flex-direction: column;
     width: 70%;
+    min-width: 680px;
     height: 100%;
+    margin: 0 auto;
   }
 
   @include e(header) {
     flex-shrink: 0;
-    margin: 0 auto;
     margin-bottom: 50px;
     text-align: center;
 
@@ -52,13 +51,10 @@
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      font-size: 24px;
       color: #dfdfd6;
       cursor: pointer;
 
       img {
-        width: 80px;
-        height: 80px;
         margin: 0 auto;
       }
 
@@ -123,7 +119,7 @@
         left: 0;
         width: 10px;
         height: 10px;
-        content: "";
+        content: '';
         background-color: #2c8ff3;
         border-radius: 50%;
       }
@@ -139,3 +135,25 @@
     color: #98989f;
   }
 }
+
+@media (width >= 500px) {
+  .#{bem(studio-index-blank-placeholder, tabs, item)} {
+    font-size: 20px;
+
+    img {
+      max-width: 80px;
+      max-height: 80px;
+    }
+  }
+}
+
+@media (width >= 1400px) {
+  .#{bem(studio-index-blank-placeholder, tabs, item)} {
+    font-size: 24px;
+
+    img {
+      max-width: 100%;
+      max-height: 100%;
+    }
+  }
+}
-- 
Gitee