fix 一些样式
This commit is contained in:
parent
b8ed0c1926
commit
d3248d2fd9
2
.env
2
.env
@ -1,6 +1,6 @@
|
|||||||
# 站点名称
|
# 站点名称
|
||||||
VITE_SITE_NAME = "無名の主页"
|
VITE_SITE_NAME = "無名の主页"
|
||||||
VITE_SITE_URL = "imsyyyyyymmy.top"
|
VITE_SITE_URL = "imsyy.top"
|
||||||
VITE_SITE_LOGO = "/images/icon/logo.png"
|
VITE_SITE_LOGO = "/images/icon/logo.png"
|
||||||
|
|
||||||
# 简介文本
|
# 简介文本
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
"github": "https://github.com/imsyy/home",
|
"github": "https://github.com/imsyy/home",
|
||||||
"home": "https://imsyy.top",
|
"home": "https://imsyy.top",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "4.0.1",
|
"version": "4.0.2",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
@ -113,6 +113,7 @@ watch(
|
|||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
.name {
|
.name {
|
||||||
|
height: 128px;
|
||||||
.bg {
|
.bg {
|
||||||
font-size: 4.5rem;
|
font-size: 4.5rem;
|
||||||
}
|
}
|
||||||
@ -152,5 +153,28 @@ watch(
|
|||||||
pointer-events: none;
|
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>
|
</style>
|
@ -65,6 +65,7 @@ onMounted(() => {
|
|||||||
backdrop-filter: blur(0);
|
backdrop-filter: blur(0);
|
||||||
animation: fade;
|
animation: fade;
|
||||||
-webkit-animation: fade 0.5s;
|
-webkit-animation: fade 0.5s;
|
||||||
|
transition: all 0.5s;
|
||||||
@media (max-width: 840px) {
|
@media (max-width: 840px) {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -95,12 +96,16 @@ onMounted(() => {
|
|||||||
.tip {
|
.tip {
|
||||||
display: none;
|
display: none;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
|
animation: fade;
|
||||||
|
-webkit-animation: fade 0.5s;
|
||||||
}
|
}
|
||||||
&:hover {
|
@media (min-width: 768px) {
|
||||||
background-color: #00000040;
|
&:hover {
|
||||||
backdrop-filter: blur(5px);
|
background-color: #00000040;
|
||||||
.tip {
|
backdrop-filter: blur(5px);
|
||||||
display: block;
|
.tip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user