Merge pull request #214 from first19326/dev

feat: 优化 logo 区域样式
imsyy · Nov 13, 2023 · 015a139 · 015a139
2 parents e879efa + 704d446
commit 015a139
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/Message.vue b/src/components/Message.vue
@@ -92,12 +92,13 @@ watch(
     flex-direction: row;
     align-items: center;
     animation: fade 0.5s;
+    max-width: 460px;
     .logo-img {
       border-radius: 50%;
       width: 120px;
     }
     .name {
-      width: calc(460px - 120px);
+      width: 100%;
       padding-left: 22px;
       transform: translateY(-8px);
       font-family: "Pacifico-Regular";
@@ -125,6 +126,10 @@ watch(
         }
       }
     }
+
+    @media (max-width: 720px) {
+      max-width: 100%;
+    }
   }
 
   .description {

diff --git a/src/style/style.scss b/src/style/style.scss
@@ -38,11 +38,13 @@ p {
 // 字体文件
 @font-face {
   font-family: "Pacifico-Regular";
+  font-display: swap;
   src: url("/font/Pacifico-Regular.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "UnidreamLED";
+  font-display: swap;
   src: url("/font/UnidreamLED.ttf") format("truetype");
 }