Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-08-23 09:07:40 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat: mobile error page layout

Browse Source
This commit is contained in:
limes
2026-08-18 15:49:49 +02:00
parent 98afa365c7
commit 44cd8af468
1 changed files with 38 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/error.vue
View File

@@ -34,7 +34,7 @@ const { error } = defineProps<{ error: any }>();
<img
src="/assets/images/shockedbandwidth.svg"
class="bandwidth"
class="bandwidth generic"
>
</div>
</DefaultLayout>
@@ -72,8 +72,44 @@ const { error } = defineProps<{ error: any }>();
.bandwidth {
margin: 16rem auto -120px;
}
.bandwidth.bandwidth.notfound {
.bandwidth.notfound {
margin: 6rem auto 16rem;
}
}
@media screen and (max-width: 900px) {
.bandwidth.generic {
margin: 4rem auto -100px;
}
}
@media screen and (max-width: 600px) {
.status {
font-size: 6rem;
}
.description {
font-size: 1.5rem;
}
.bandwidth {
height: 16rem;
}
.bandwidth.notfound {
height: 24rem;
}
}
@media screen and (max-width: 420px) {
.status {
font-size: 4rem;
}
.description {
font-size: 1.25rem;
}
.bandwidth {
height: 12rem;
}
.bandwidth.notfound {
height: 16rem;
}
}
</style>