fix: Fixed spacing and borders

GodotID · May 6, 2024 · 655ac2c · 655ac2c
1 parent 31dabfb
commit 655ac2c
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 20 deletions.
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
@@ -19,7 +19,7 @@ const Sidebar = ({ progress }) => {
 					<MoveDown />
 					<Mouse />
 				</div>
-				<div className="navbar__logoWrapper" style={{ fill: "var(--secondary-text)" }}>
+				<div className="navbar__logoWrapper" style={{ fill: "var(--secondary-text)", border: "inherit" }}>
 					<GodotIDLogo />
 				</div>
 			</div>

diff --git a/src/styles/components/navbar.css b/src/styles/components/navbar.css
@@ -1,6 +1,7 @@
 .navbar__navbar {
 	width: 100%;
-	border: 1px solid var(--border-soft);
+    height: 60px;
+	border-bottom: 1px solid var(--border-soft);
 	border-left: none;
 
 	display: flex;
@@ -13,12 +14,12 @@
 }
 
 .navbar__logoWrapper {
-	min-width: 80px;
-	height: 80px;
+	min-width: 60px;
+	min-height: 60px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	border-left: 1px solid var(--border-soft);
+	/* border-left: 1px solid var(--border-soft); */
 	border-right: 1px solid var(--border-soft);
 }
 
@@ -50,6 +51,11 @@
 	height: 100%;
 }
 
+.navbar__linksWrapper > button {
+    /* TODO: Change most px units to rem or em; */
+    margin-left: 1rem;
+}
+
 .navbar__mobile {
     display: none;
 }

diff --git a/src/styles/components/sidebar.css b/src/styles/components/sidebar.css
@@ -5,11 +5,9 @@
 	z-index: 2;
 
 	height: 100%;
-	border: 1px solid var(--border-soft);
-	border-top: none;
-	border-bottom: none;
+	border-right: 1px solid var(--border-soft);
 
-	min-width: 80px;
+	min-width: 60px;
 }
 
 .sidebar__progress {

diff --git a/src/styles/general.css b/src/styles/general.css
@@ -17,6 +17,7 @@ h1, h2, h3, h4, h5, h6 {
 	font-size: revert;
 }
 
+/* TODO: Add feedback */
 button {
 	border: 0;
 	padding: 0.4em 0.8em;
@@ -40,7 +41,7 @@ button {
 		rgba(205, 163, 13, 1) 100%
 	);
 
-	--border-soft: #f4f4f4;
+	--border-soft: #87bf8e;
 	--border-radius-second: 5px;
 }
 

diff --git a/src/styles/homepage.css b/src/styles/homepage.css
@@ -1,31 +1,33 @@
 .homepage__homepage {
 	height: 100%;
 	background-image: radial-gradient(
-		230.88% 96.39% at 19.17% 21.57%,
-		#3DA42C 0%, #1C8026 25%,
-		#246E1B 41.15%, #256B19 60.42%,
-		#218A2B 96.35%
-	);
+        75% 75% at 68% 71%,
+        #3DA42C10 0%,
+        #1C802660 100%
+    ), radial-gradient(
+        75% 75% at 31% 26%,
+        #559c34 0%, rgb(21, 45, 21) 100%
+    );
 }
 
 .homepage__content {
 	display: flex;
 	width: 100%;
 	height: 100%;
-	border-bottom: 1px solid var(--border-soft);
-	border-right: 1px solid var(--border-soft);
+	/* border-bottom: 1px solid var(--border-soft); */
+	/* border-right: 1px solid var(--border-soft); */
 }
 
 .homepage__main {
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
-	border-right: 1px solid var(--border-soft);
-	border-bottom: 1px solid var(--border-soft);
+	/* border-right: 1px solid var(--border-soft); */
+	/* border-bottom: 1px solid var(--border-soft); */
 }
 
 @media screen and (max-width: 660px) {
 	.homepage__content {
-		border-left: 1px solid var(--border-soft);
+		/* border-left: 1px solid var(--border-soft); */
 	}
 }