steffo/steffoweb
steffo/steffoweb
1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-21 15:44:31 +00:00
Code Activity

Fix display on mobile devices

Browse source
This commit is contained in:
Steffo 2023-02-28 13:18:25 +01:00
parent 576da23b68
commit 29e8a16d75
Signed by: steffo
GPG key ID: 2A24051445686895
1 changed files with 21 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
pages/_app.css
View file

@ -6,37 +6,6 @@
@import 'node_modules/@steffo/bluelib/dist/fun.root.css';
@import 'node_modules/@fortawesome/fontawesome-svg-core/styles.css';
body {
background-image: url("/space_default.jpg");
background-attachment: fixed;
background-size: cover;
}
footer {
text-shadow: 2px 2px 4px hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness));
}
section {
flex-basis: 100%;
}
.panel {
max-width: 500px;
}
.panel .panel {
min-width: 0;
}
.chapter-no-header-margin h1,
.chapter-no-header-margin h2,
.chapter-no-header-margin h3,
.chapter-no-header-margin h4,
.chapter-no-header-margin h5,
.chapter-no-header-margin h6 {
margin-top: 0 !important;
}
#__next {
min-height: 100vh;
padding: 0 8px;
@ -45,4 +14,25 @@ section {
flex-direction: column;
justify-content: space-between;
align-items: center;
}
#__next body {
background-image: url("/space_default.jpg");
background-attachment: fixed;
background-size: cover;
}
#__next footer {
text-shadow: 2px 2px 4px hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness));
}
#__next section {
flex-basis: 500px;
flex-grow: 0;
}
@media screen and (max-width: 516px) {
#__next section {
flex-basis: 100%;
}
}