added consistent padding to navbar and breadcrumbs

makeopensource · Nov 10, 2024 · 22aa0aa · 22aa0aa
1 parent 968cbde
commit 22aa0aa
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 13 deletions.
diff --git a/devU-client/src/assets/variables.scss b/devU-client/src/assets/variables.scss
@@ -66,6 +66,8 @@ $medium: 1000px;
 $small: 600px;
 $extreme: 780px;
 
+$pagePadding: 50px;
+
 @mixin ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;

diff --git a/devU-client/src/components/misc/globalToolbar.scss b/devU-client/src/components/misc/globalToolbar.scss
@@ -1,6 +1,6 @@
 @import 'variables';
 
-$bar-height: 50px;
+$bar-height: 60px;
 $sidebar-width: 260px;
 $hover-effect: 0.7;
 $font-size: 16px;
@@ -37,23 +37,19 @@ $font-size: 16px;
 }
 
 .header {
-  @extend .link;
-  font-size: 40px;
-  border-radius: 30px;
-  font-weight: 550;
-  //font-size: 2em;
-  //font-weight: bold;
+  font-size: 32px;
+  text-decoration: none;
+  color: #FFF;
+  font-weight: 600;
 }
 
 .bar {
-
-  height: 80px;
+  height: $bar-height;
   background-color: $primary;
   font-size: 40px;
   color: #D9D9D9;
   font-weight: 550;
-
-
+  padding: 0 $pagePadding;
 
   @extend .flex;
   justify-content: space-between;
@@ -71,7 +67,7 @@ $font-size: 16px;
 
 // Controls turning the menu options into a sidebar
 // As well as whether or not that sidebar is being shown
-@media (max-width: 410px) {
+@media (max-width: 450px) {
   .flex {
     gap: 1rem;
 

diff --git a/devU-client/src/components/misc/navbar.scss b/devU-client/src/components/misc/navbar.scss
@@ -3,7 +3,7 @@
 .breadcrumbContainer {
     display: flex;
     align-items: center;
-    margin-left: 3.5rem;
+    margin-left: $pagePadding;
     margin-top:10px;
 
 }