Some bootstrap things

JoeyRoeters · Jan 16, 2024 · 0453d3b · 0453d3b
1 parent c603ca9
commit 0453d3b
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 22 deletions.
diff --git a/app/UserInterface/Domain/Homepage/Resources/sass/_homepage.scss b/app/UserInterface/Domain/Homepage/Resources/sass/_homepage.scss
@@ -22,7 +22,7 @@
     }
 
 
-    .card{
+    .card {
         height: 7.5rem;
         border-radius: 0.625rem;
         background-color: #ffffff;
@@ -32,23 +32,24 @@
         cursor: pointer;
     }
 
-   .recent  {
+    .recent {
         height: 5rem;
         border-radius: 0.625rem;
         background-color: #ffffff;
         padding: 0.9375rem;
         color: #000000;
         display: flex;
         cursor: pointer;
-   }
+    }
 
-   .review  {
+    .review {
         height: 11rem;
         border-radius: 0.625rem;
         background-color: #ffffff;
         padding: 0.9375rem;
         color: #000000;
         display: flex;
         cursor: pointer;
-   }
-}
+        margin-bottom: 4%;
+    }
+}
diff --git a/app/UserInterface/Domain/Homepage/Resources/views/homepage.blade.php b/app/UserInterface/Domain/Homepage/Resources/views/homepage.blade.php
@@ -6,33 +6,42 @@
 
 @section('content')
     <div class="homepage-under-construction">
-        <div class="container"> 
+        <div class="container">
             <div class="row">
-                <div class="col-sm-12">
+                <div class="col-12">
                     <h4>Current Device</h4>
-                    <div class="row">
-                    <div class="cols-sm-12">
-                            <div class="card">Device name</div>
-                        </div> 
-                    </div>
+
+                    <div class="card">Device name</div>
+
                 </div>
-                <div class="col-sm-6 mt-2">
+            </div>
+
+
+            <div class="row mt-1">
+                <div class="col-6">
                     <h4>Weekly Review</h4>
                     <div class="row">
-                        <div class="col-sm-6">
+                        <div class="col-xl-6 col-md-12">
                             <div class="review">Speed</div>
-                            <div class="review mt-1">Gear</div>
                         </div>
-                        <div class="col-sm-6">
+                        <div class="col-xl-6 col-md-12">
+                            <div class="review">Gear</div>
+                        </div>
+                    </div>
+                    <br>
+                    <div class="row">
+                        <div class="col-xl-6 col-md-12">
                             <div class="review">Brake</div>
-                            <div class="review mt-1">Steering</div>
+                        </div>
+                        <div class="col-xl-6 col-md-12">
+                            <div class="review">Steering</div>
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-6 mt-2">
+                <div class="col-6">
                     <h4>Recent Trips</h4>
                     <div class="row">
-                        <div class="col-sm-12">
+                        <div class="col-12">
                             <div class="recent">
                                 <a class="nav-link" href="#">Trip #1</a>
                             </div>
@@ -51,8 +60,7 @@
             </div>
         </div>
 
-        
+
     </div>
 
-
 @endsection