Update chat-draggable.scss with zoom and font size changes

pizza-studio · Feb 25, 2024 · 41c9a09 · 41c9a09
1 parent 0018a57
commit 41c9a09
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/assets/css/chat-draggable.scss b/src/assets/css/chat-draggable.scss
@@ -1,6 +1,7 @@
 .student {
     display: grid;
     grid-template-columns: 75px 15px 1fr;
+    zoom: 0.5;
 
     padding: 0 50px 0 25px;
 
@@ -17,20 +18,22 @@
     }
 
     .name {
+        zoom: 0.5;
         grid-area: 1 / 3 / 2 / 3;
-        @include font-light(20px); // regular firefox下载时无法正常显示「星野」
+        @include font-light(14px); // regular firefox下载时无法正常显示「星野」
         color: $font-black;
         user-select: none;
         width: fit-content;
     }
 
     .container {
+        zoom: 0.5;
         grid-area: 2 / 3 / 2 / 3;
         display: flex;
         .box {
             background: $grey;
             white-space: pre-wrap;
-            @include font-regular(20px);
+            @include font-regular(14px);
         }
     }
 
@@ -54,6 +57,7 @@
 
 .sensei {
     padding: 0 25px 0 50px;
+    zoom: 0.5;
 
     .container {
         display: flex;
@@ -77,7 +81,7 @@
     .box {
         background: #4a8ac6;
         white-space: pre-wrap;
-        @include font-regular(20px);
+        @include font-regular(14px);
     }
 }
 
@@ -104,10 +108,10 @@
 
         .header {
             border-bottom: 1px solid $font-grey;
-            margin: 10px 20px;
+            margin: 10px 14px;
 
             .title {
-                @include font-regular(20px);
+                @include font-regular(14px);
                 border-left: 4px $blue solid;
                 display: inline;
                 padding: 0 8px;
@@ -132,7 +136,7 @@
                     display: inline-block;
                     border-radius: 10px;
                     box-shadow: 0px 2px 5px #0000003d;
-                    @include font-regular(20px);
+                    @include font-regular(14px);
                 }
             }
         }
@@ -164,7 +168,7 @@
             display: inline-block;
             border-radius: 10px;
             box-shadow: 0px 2px 5px #0000003d;
-            @include font-regular(20px);
+            @include font-regular(14px);
             white-space: pre-wrap;
         }
     }
@@ -189,7 +193,7 @@
 
         .content {
             @include center;
-            @include font-regular(20px);
+            @include font-regular(14px);
             color: $font-black;
             span{
                 text-align: center;
@@ -209,7 +213,7 @@
     position: relative;
     padding: 5px 10px;
     color: #ecf2fb;
-    @include font-regular(20px);
+    @include font-regular(14px);
     border-radius: 8px;
     margin-bottom: 5px;
     @include center;
@@ -238,7 +242,7 @@
     transition: opacity 0.2s;
     opacity: 0;
     > span{
-        @include font-regular(20px);
+        @include font-regular(14px);
         text-align: center;
         margin: 1px;
     }