diff options
Diffstat (limited to 'styles')
-rw-r--r-- | styles/global.scss | 22 | ||||
-rw-r--r-- | styles/global/_window.scss | 8 | ||||
-rw-r--r-- | styles/main/_icon.scss | 6 | ||||
-rw-r--r-- | styles/main/_layout.scss | 7 |
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; } |