improves Dashboard layout (introduces bare minimum responsiveness)

propromo-software · Oct 17, 2024 · 9c44375 · 9c44375
1 parent 1e63935
commit 9c44375
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/resources/views/livewire/monitors/dashboard/index.blade.php b/resources/views/livewire/monitors/dashboard/index.blade.php
@@ -14,9 +14,11 @@ public function mount(Monitor $monitor)
 }; ?>
 
 <div>
-    <div class="flex flex-col items-center gap-5 p-3 sm:p-5 rounded-xl lg:flex-row lg:gap-10">
+    <div class="flex flex-col items-start gap-5 p-3 sm:p-5 rounded-xl lg:flex-row lg:gap-10">
         <livewire:monitors.dashboard.monitor-dashboard :monitor="$monitor" lazy="true"></livewire:monitors.dashboard.monitor-dashboard>
-        <livewire:monitors.dashboard.mini-repository-list :monitor="$monitor" lazy="true"></livewire:monitors.dashboard.mini-repository-list>
-        <livewire:monitors.dashboard.top-milestone-list></livewire:monitors.dashboard.top-milestone-list>
+        <div class="flex-col w-full lg:flex-grow lg:flex lg:flex-row lg:gap-5">
+            <livewire:monitors.dashboard.mini-repository-list :monitor="$monitor" lazy="true"></livewire:monitors.dashboard.mini-repository-list>
+            <livewire:monitors.dashboard.top-milestone-list></livewire:monitors.dashboard.top-milestone-list>
+        </div>
     </div>
 </div>
diff --git a/resources/views/livewire/monitors/dashboard/mini-repository-list.blade.php b/resources/views/livewire/monitors/dashboard/mini-repository-list.blade.php
@@ -17,7 +17,7 @@ public function emit_repository_change($milestone_id)
     }
 }; ?>
 
-<div>
+<div class="w-full mb-5 lg:mb-0 lg:w-1/2">
     <h2 class="m-2 text-2xl font-koulen text-primary-blue">Repositories</h2>
     <div class="m-2 overflow-auto h-40 border border-other-grey rounded-md p-2.5">
         <div class="grid grid-cols-1 gap-2 xs:grid-cols-2">

diff --git a/resources/views/livewire/monitors/dashboard/monitor-dashboard.blade.php b/resources/views/livewire/monitors/dashboard/monitor-dashboard.blade.php
@@ -114,7 +114,7 @@ public function placeholder()
     }
 }; ?>
 
-<div>
+<div class="w-full lg:w-auto lg:flex-shrink-0">
     <h2 class="m-2 text-2xl font-koulen text-primary-blue">Overview</h2>
     <div class="mb-5">
         <div class="w-full m-2">

diff --git a/resources/views/livewire/monitors/dashboard/top-milestone-list.blade.php b/resources/views/livewire/monitors/dashboard/top-milestone-list.blade.php
@@ -27,7 +27,7 @@ public function switch_repositories($repository_id): void
 };
 ?>
 
-<div>
+<div class="w-full lg:w-1/2">
     <h2 class="m-2 text-2xl font-koulen text-primary-blue">Milestones</h2>
     <div class="m-2 overflow-auto h-40 border border-other-grey rounded-md p-2.5">
         <div class="grid grid-cols-1 gap-2 xs:grid-cols-2">