Make it more mobile-friendly and add page loader.

This commit is contained in:
g_it 2026-02-23 00:08:49 +01:00
commit ee8bda15e1
Signed by untrusted user who does not match committer: g_it
GPG key ID: A2B0A7C06A054627
13 changed files with 208 additions and 61 deletions

48
content/assets/css/loader.css Executable file
View file

@ -0,0 +1,48 @@
@import url("theme.css");
/*****************************
* LOADER
* Styling for the page loader.
*****************************/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--neutral-grey);
}
.page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--neutral-grey);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.page-loader.hidden {
opacity: 0;
pointer-events: none;
}
.loader-gif {
width: 120px;
height: auto;
}
/*
main {
padding: 40px;
max-width: 800px;
margin: 0 auto;
} */