OmniX-Space/MeowBox-Docs
1
0
Fork 0
Code Pull Requests Activity

404 page responsive optimization

Browse Source
This commit is contained in:
苏雨洛
2025-11-27 23:09:21 +08:00
parent 91f1fb48f0
commit 83aaf333d6
1 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
docs/css/404.css
View File

@@ -59,6 +59,7 @@
} }
.go-home-button i { .go-home-button i {
position: absolute;
font-size: 18px; font-size: 18px;
left: 12px; left: 12px;
bottom: 14px; bottom: 14px;
@@ -132,3 +133,37 @@
.lang-select-404 select:active { .lang-select-404 select:active {
background-color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6);
} }
@media (max-width: 768px) {
.container-404 {
width: 90%;
height: 95%;
}
.container-404 i {
font-size: 128px;
left: auto;
top: 64px;
animation: rotate 2s linear infinite;
}
.right-container-404 {
width: 100%;
height: calc(100% - 256px);
right: 0;
bottom: 32px;
}
.go-home-button i {
font-size: 18px;
left: 12px;
top: 14px;
animation: none;
}
}
@media (max-width: 480px) {
.container-404 {
width: 95%;
}
}