From 14d8e43083b4d10bb764d7eae4614a0808e3b101 Mon Sep 17 00:00:00 2001
From: mrfry
Date: Wed, 9 Jun 2021 10:58:24 +0200
Subject: [PATCH] Even more height fixes, bit better background
---
src/components/layout.module.css | 1 -
src/defaultStyles.css | 9 ++++++---
src/pages/_document.js | 2 +-
src/pages/chat.module.css | 2 +-
4 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
index 32d52b4..eb33d6f 100644
--- a/src/components/layout.module.css
+++ b/src/components/layout.module.css
@@ -87,7 +87,6 @@
}
.content {
- height: calc(100vh - 50px);
margin-left: 150px;
margin-top: 45px;
padding: 1px 7px;
diff --git a/src/defaultStyles.css b/src/defaultStyles.css
index f7bd59e..fb05263 100644
--- a/src/defaultStyles.css
+++ b/src/defaultStyles.css
@@ -11,7 +11,7 @@
@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
html {
- height: 100%;
+ min-height: calc(100vh);
}
body {
@@ -19,15 +19,18 @@ body {
justify-content: center;
margin: 0px;
- height: 100%;
+ min-height: calc(100vh);
font-family: 'Kameron', serif;
font-family: 'Overpass Mono', monospace;
color: #999999;
}
#__next {
- height: 100%;
+ min-height: calc(100vh);
width: 1200px;
+ /* offset-x | offset-y | blur-radius | spread-radius | color */
+ background-color: var(--background-color);
+ box-shadow: 0px 0px 29px 19px #222426;
}
img {
diff --git a/src/pages/_document.js b/src/pages/_document.js
index fc6fe17..42b753a 100644
--- a/src/pages/_document.js
+++ b/src/pages/_document.js
@@ -11,7 +11,7 @@ class MyDocument extends Document {
return (
-
+
diff --git a/src/pages/chat.module.css b/src/pages/chat.module.css
index a1a812a..85dcab7 100644
--- a/src/pages/chat.module.css
+++ b/src/pages/chat.module.css
@@ -1,7 +1,7 @@
.chat {
display: flex;
align-items: stretch;
- height: 100%;
+ height: calc(100vh - 50px);
}
.main {