aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2024-04-03 21:10:27 +0300
committerHenry Jameson <me@hjkos.com>2024-04-03 21:10:27 +0300
commit940df1efa7cb9b6f3273030675f93b2e1b3c709d (patch)
treeeb07ed536277760bae0ca7c6d0d8fb889e0aa7bd /src
parent9bdc8d9b9ce8d5f30049201994014abb481e5367 (diff)
add fallbacks for lazy stuff loading
Diffstat (limited to 'src')
-rw-r--r--src/App.scss7
-rw-r--r--src/components/tab_switcher/tab_switcher.scss1
2 files changed, 8 insertions, 0 deletions
diff --git a/src/App.scss b/src/App.scss
index 54b8c751..77d761dd 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -19,6 +19,9 @@
html {
font-size: var(--font-size);
// overflow-x: clip causes my browser's tab to crash with SIGILL lul
+
+ // Fallback for when stuff is loading
+ --background: var(--bg);
}
body {
@@ -370,6 +373,7 @@ nav {
border: none;
border-radius: var(--roundness);
cursor: pointer;
+ background-color: var(--background);
box-shadow: var(--shadow);
font-size: 1em;
font-family: sans-serif;
@@ -470,6 +474,7 @@ nav {
font-size: 100%;
font-family: inherit;
box-shadow: var(--shadow);
+ background-color: transparent;
padding: 0;
line-height: unset;
cursor: pointer;
@@ -502,6 +507,8 @@ textarea {
border: none;
border-radius: var(--roundness);
+ background-color: var(--background);
+ color: var(--text);
box-shadow: var(--shadow);
font-family: var(--font);
font-size: 1em;
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index 1efe1b04..4e242b91 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -174,6 +174,7 @@
font-size: 1em;
font-family: var(--font);
border-radius: var(--roundness);
+ background-color: var(--background);
position: relative;
white-space: nowrap;
padding: 6px 1em;