Styling changes.

Oia20 · Apr 24, 2024 · aa5fbac · aa5fbac
1 parent 368fcdd
commit aa5fbac
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/CropSQL/Pages/Components/Prompt.razor.css b/CropSQL/Pages/Components/Prompt.razor.css
@@ -4,12 +4,12 @@
     border-radius: 12px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Increased shadow */
     border: 2px solid #5e8d61; /* Solid border */
-    margin: 5px;
+    margin: 20px;
     width:80%;
     height:fit-content;
     margin:auto;
-    margin-top: 5px;
-    margin-bottom:5px;
+    margin-top: 14px;
+    margin-bottom:14px;
     color: #f4d35d;
     font-size: 1.2em;
 }
@@ -21,4 +21,5 @@
     background-color: rgba(46, 121, 56, 0.226);
     border: 2px solid #e8a073; /* Solid border */
     color: #f4d35d;
-}
+}
+
diff --git a/CropSQL/Pages/Components/SideBarNav.razor.css b/CropSQL/Pages/Components/SideBarNav.razor.css
@@ -31,3 +31,9 @@
 .sidebar ul li a:hover {
     background-color: #e8a073;
 }
+
+@media screen and (max-width: 700px)  {
+    .sidebar {
+        display: none;
+    }
+} 
diff --git a/CropSQL/wwwroot/css/app.css b/CropSQL/wwwroot/css/app.css
@@ -2,10 +2,11 @@
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    height:auto;
-    background-image: linear-gradient(180deg, #a2b780, #5e8d61);
-    width:100%
-
+    /* height:min-content; */
+    background-image: linear-gradient(90deg, #457e4e, #72a35b);
+    width:100%;
+    height:fit-content;
+    position: relative;
 }
 
 h1:focus {