From d3248d2fd9e5af316f0feafb9e56021a3ab5f256 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=95=E5=B1=82=E7=94=A8=E6=88=B7?= Date: Tue, 31 Jan 2023 20:24:16 +0800 Subject: [PATCH] =?UTF-8?q?fix=20=E4=B8=80=E4=BA=9B=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env | 2 +- package.json | 2 +- src/components/Message/index.vue | 24 ++++++++++++++++++++++++ src/components/SocialLinks/index.vue | 15 ++++++++++----- 4 files changed, 36 insertions(+), 7 deletions(-) diff --git a/.env b/.env index 48d5398..fa9fa7f 100644 --- a/.env +++ b/.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" # 简介文本 diff --git a/package.json b/package.json index 735dfbd..dd5504f 100644 --- a/package.json +++ b/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", diff --git a/src/components/Message/index.vue b/src/components/Message/index.vue index e8b85db..ee2f847 100644 --- a/src/components/Message/index.vue +++ b/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; + } + } } \ No newline at end of file diff --git a/src/components/SocialLinks/index.vue b/src/components/SocialLinks/index.vue index 02a9707..f0e51e7 100644 --- a/src/components/SocialLinks/index.vue +++ b/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; + } } } }