aboutsummaryrefslogtreecommitdiffstats
path: root/styles
diff options
context:
space:
mode:
Diffstat (limited to 'styles')
-rw-r--r--styles/global.scss22
-rw-r--r--styles/global/_window.scss8
-rw-r--r--styles/main/_icon.scss6
-rw-r--r--styles/main/_layout.scss7
4 files changed, 34 insertions, 9 deletions
diff --git a/styles/global.scss b/styles/global.scss
index ad4a51a..7fcdb41 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -8,12 +8,24 @@ main {
left: 0;
bottom: 0;
right: 0;
+
+ &.noHeader {
+ top: 0;
+ }
+}
+
+html {
+ position: fixed;
+ height: 100vh;
+ width: 100vw;
}
body {
- margin: 0;
+ position: fixed;
height: 100vh;
+ width: 100vw;
overflow: hidden;
+ margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, Noto Sans, sans-serif, 'Apple Color Emoji',
@@ -28,8 +40,8 @@ textarea, input {
.container {
margin: 1.5rem auto;
- padding-left: 2rem;
- padding-right: 2rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
}
.fixed {
@@ -40,6 +52,10 @@ textarea, input {
left: 0;
}
+.hidden {
+ display: none;
+}
+
.mobile-only {
display: none!important;
diff --git a/styles/global/_window.scss b/styles/global/_window.scss
index 9f224a9..7b1c07b 100644
--- a/styles/global/_window.scss
+++ b/styles/global/_window.scss
@@ -90,6 +90,9 @@
right: 0;
bottom: 0;
left: 0;
+ }
+
+ &.window__content {
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em;
}
@@ -100,7 +103,7 @@
}
}
- .window__submenu {
+ &__submenu {
display: block;
height: 2em;
width: 100%;
@@ -152,9 +155,8 @@
}
&__scroll {
- height: 100%;
+ height: calc(100% - 2em);
overflow: auto;
- padding: 1em;
}
&__buttons--popup {
diff --git a/styles/main/_icon.scss b/styles/main/_icon.scss
index efa2ee0..9f9eae6 100644
--- a/styles/main/_icon.scss
+++ b/styles/main/_icon.scss
@@ -1,17 +1,19 @@
.icon {
text-decoration: none;
display: inline-block;
- padding: 1em;
text-align: center;
outline: none;
+ width: 6em;
+ height: 7em;
img {
width: 3em;
+ margin: .5em;
}
p {
margin-top: .25em;
- padding: .25em;
+ padding: .25em 0;
transition: .2s background;
border-radius: .5em;
}
diff --git a/styles/main/_layout.scss b/styles/main/_layout.scss
index 48374a5..abdd845 100644
--- a/styles/main/_layout.scss
+++ b/styles/main/_layout.scss
@@ -3,5 +3,10 @@
height: 100vh;
background: var(--color-bg);
background: linear-gradient(to bottom right, var(--color-bg) 0%, var(--color-bg-alt) 100%);
- position: relative;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
}