jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-28 15:25:46 -04:00
Code Issues Activity

fix unnoticeable background color bug in dark mode

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-05 14:50:29 -05:00
parent ca7d21b3d2
commit 42a7ff1bdc
26 changed files with 118 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/Layout/Layout.module.css
View File

@@ -1,10 +1,12 @@
.main {
.flex {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.default {
width: 100%;
padding: 1.5em;
color: var(--text);
background-color: var(--background-inner);
/* light-dark theme switch fading */
transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
}
.container {
@@ -13,6 +15,11 @@
display: block;
}
/* footer needs to fill the remaining vertical screen space. doing it here to keep flex stuff together. */
.footer {
flex: 1;
}
@media screen and (max-width: 768px) {
.main {
padding: 1.25em;