fix 一些样式

.env

@@ -1,6 +1,6 @@
 # 站点名称
 VITE_SITE_NAME = "無名の主页"
-VITE_SITE_URL = "imsyyyyyymmy.top"
+VITE_SITE_URL = "imsyy.top"
 VITE_SITE_LOGO = "/images/icon/logo.png"
 
 # 简介文本

package.json

@@ -4,7 +4,7 @@
   "github": "https://github.com/imsyy/home",
   "home": "https://imsyy.top",
   "private": true,
-  "version": "4.0.1",
+  "version": "4.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Message/index.vue

@@ -113,6 +113,7 @@ watch(
         width: 100px;
       }
       .name {
+        height: 128px;
         .bg {
           font-size: 4.5rem;
         }
@@ -152,5 +153,28 @@ watch(
       pointer-events: none;
     }
   }
+  @media (max-width: 390px) {
+    .logo {
+      flex-direction: column;
+      .logo-img {
+        display: none;
+      }
+      .name {
+        margin-left: 0;
+        height: auto;
+        transform: none;
+        text-align: center;
+        .bg {
+          font-size: 3.5rem;
+        }
+        .sm {
+          font-size: 1.4rem;
+        }
+      }
+    }
+    .description {
+      margin-top: 2.5rem;
+    }
+  }
 }
 </style>

src/components/SocialLinks/index.vue

@@ -65,6 +65,7 @@ onMounted(() => {
   backdrop-filter: blur(0);
   animation: fade;
   -webkit-animation: fade 0.5s;
+  transition: all 0.5s;
   @media (max-width: 840px) {
     max-width: 100%;
     justify-content: center;
@@ -95,12 +96,16 @@ onMounted(() => {
   .tip {
     display: none;
     margin-right: 12px;
+    animation: fade;
+    -webkit-animation: fade 0.5s;
   }
-  &:hover {
-    background-color: #00000040;
-    backdrop-filter: blur(5px);
-    .tip {
-      display: block;
+  @media (min-width: 768px) {
+    &:hover {
+      background-color: #00000040;
+      backdrop-filter: blur(5px);
+      .tip {
+        display: block;
+      }
     }
   }
 }