www.spaceplanner.app

commit 262c9089ffd3bb2168fb1fd18822b2a599907bb2
parent 64c178c17f9396af4c399d0ec128edcc205519ce
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date:   Tue,  3 Sep 2024 10:52:31 -0700

Update css

Slight style changes but mainly got rid of variables that were
introduced prematurely and added a bar height variable and use it
in the editor css.

Diffstat:
M
files/css/main.css
 | 
23
++++++++++-------------
M
files/floorplans/floorplan/main.css
 | 
3
++-

2 files changed, 12 insertions(+), 14 deletions(-)
diff --git a/files/css/main.css b/files/css/main.css
@@ -1,14 +1,10 @@
 :root {
-	--main-color: #8ACFFF;
-	--reverse-color: white;
-	--off-white-color: #EFEFEF;
-	--off-white-border-color: #CCC;
-	--border-color: var(--off-white-border-color);
+	--bar-height: 2em;
 }
 
 body {
-	margin-top: 2.5em !important;
 	margin: 2em;
+	margin-top: 4em;
 	font-size: large;
 }
 
@@ -19,12 +15,13 @@ body {
 	left: 0;
 	width: 100vw;
 	max-width: 100%;
-        height: 2em;
-        background-color: var(--main-color);
-	border-bottom: medium ridge var(--main-color);
+        height: var(--bar-height);
 	display: flex;
 	align-items: center;
 	padding: .4em;
+
+        background-color: #EEE;
+	border-bottom: medium ridge #EEE;
 }
 
 #bar > ul {
@@ -114,16 +111,16 @@ span.warning > p {
 }
 
 input:not([type]), input[type="password"], input[type="email"] {
-	background-color: #F9F9F9;
-	border: thin solid #CCC;
+	background-color: #FAFAFA;
+	border: thin solid lightgrey;
 	border-radius: .2em;
 	padding: .2em;
 }
 
 button, input[type="submit"] {
         font-size: large;
-	background-color: #DDD;
-	border: .15em outset var(--off-white-border-color);
+	background-color: #EEE;
+	border: .15em outset #BBB;
 	border-radius: .2em;
 }
 
diff --git a/files/floorplans/floorplan/main.css b/files/floorplans/floorplan/main.css
@@ -1,8 +1,9 @@
 body {
 	margin: 0;
+	margin-top: var(--bar-height);
 	padding: 0;
 	width: 100vw;
-	height: calc(100vh - 2.5em);
+	height: calc(100vh - var(--bar-height));
 	background-color: #F3F3F3;
 }