Bladeren bron

deepSeekHome chat窗口宽度样式的优化

Ryuiso 7 maanden geleden
bovenliggende
commit
0e9ba5a174
4 gewijzigde bestanden met toevoegingen van 16 en 5 verwijderingen
  1. 2 2
      app/components/DeekSeekHome.tsx
  2. 10 3
      app/components/deepSeekHome.scss
  3. BIN
      app/icons/jkxz.png
  4. 4 0
      app/styles/window.scss

+ 2 - 2
app/components/DeekSeekHome.tsx

@@ -31,7 +31,7 @@ const DeekSeek: React.FC = () => {
                 }
             },
             {
-                title: '数字系统答疑',
+                title: '数字系统答疑',
                 onClick: () => {
                     navigate({
                         pathname: '/knowledgeChat',
@@ -84,7 +84,7 @@ const DeekSeek: React.FC = () => {
                 <div className='deekSeek-content-title'>
                     <img src={jkxz.src} />
                 </div>
-                <div className='deekSeek-content-title2' style={{ marginBottom: isMobileScreen ? 10 : 35 }}>
+                <div className='deekSeek-content-title-sm' style={{ marginBottom: isMobileScreen ? 14 : 36 }}>
                     智能问答助手
                 </div>
                 <div className={isMobileScreen ? 'deekSeek-content-mobile' : 'deekSeek-content-pc'}>

+ 10 - 3
app/components/deepSeekHome.scss

@@ -29,17 +29,24 @@
       margin-bottom: 5px;
 
       img {
-        width: 40%;
+        width: 50%;
       }
     }
 
-    &-title2 {
+    &-title-sm {
       font-size: 20px;
       color: #FFFFFF;
+      @media (max-width: 768px) {
+        font-size: 16px;
+      }
+      @media (max-width: 480px) {
+        font-size: 14px;
+      }
     }
 
     &-pc {
-      width: 32%;
+      width: 36%;
+      min-width: 400px;
       height: 78%;
       background: #FFFFFF;
       border-radius: 12px;

BIN
app/icons/jkxz.png


+ 4 - 0
app/styles/window.scss

@@ -13,6 +13,10 @@
   // 上方线条
   // border-bottom: 1px solid rgba(55, 155, 255, 0.5);
   border-bottom: 1px solid #dedede;
+
+  @media (max-width: 768px) {
+    display: none; // 解决DeepSeekHome Chat窗口在窄屏下出现window-header的问题
+  }
 }
 
 .window-header-title {