fix 一些样式

This commit is contained in:
底层用户 2023-01-31 20:24:16 +08:00
parent b8ed0c1926
commit d3248d2fd9
4 changed files with 36 additions and 7 deletions

2
.env
View File

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

View File

@ -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",

View File

@ -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>

View File

@ -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;
}
}
}
}