feat: 优化 logo 区域样式

2023-11-10 23:54:42 +08:00 · 2023-11-10 23:54:42 +08:00 · b7947467e1
commit b7947467e1
parent e879efa7d4
1 changed files with 6 additions and 1 deletions
--- 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 {