sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-05 23:32:45 +08:00
Code Activity

feat: improve responsive layout for NotFound component

Browse Source
This commit is contained in:
sendevia
2025-11-09 23:16:48 +08:00
parent 43a4ebb0d8
commit 12bed12841
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
.vitepress/theme/layouts/NotFound.vue
View File

@@ -24,8 +24,9 @@
.notfound {
display: flex;
flex-direction: column;
justify-content: space-evenly;
gap: 24px;
grid-column: span 12;
justify-content: space-evenly;
height: 100%;
@@ -79,13 +80,21 @@
}
@media screen and (max-width: 1600px) {
.notfound {
grid-column: span 12;
}
}
@media screen and (max-width: 1200px) {
.notfound {
grid-column: span 8;
}
}
@media screen and (max-width: 840px) {
.notfound {
grid-column: span 6;
#notfound-information {
h1 {
font-size: 75rem;
@@ -98,5 +107,8 @@
}
@media screen and (max-width: 600px) {
.notfound {
grid-column: span 4;
}
}
</style>