From a3b3a8cae0ebce29f05afdc9005a2670dfef24c7 Mon Sep 17 00:00:00 2001
From: Jay Bhanushali <jaybhanushali3166@gmail.com>
Date: Sat, 9 Dec 2023 03:15:51 +0530
Subject: [PATCH] updated breakpoints for 4/3 aspect ratio and 1280 resolution

---
 src/pages/DashboardHome.vue | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/pages/DashboardHome.vue b/src/pages/DashboardHome.vue
index 2af98e2e..b7b36bb8 100644
--- a/src/pages/DashboardHome.vue
+++ b/src/pages/DashboardHome.vue
@@ -219,22 +219,13 @@ table {
     }
 }
 
-/* Styles for tablets */
-@media (min-width: 576px) and (max-width: 1023px) {
+@media screen and (max-width: 1280px) {
     .name-column {
-        min-width: 100px;
+        min-width: 150px;
     }
 }
 
-/* Styles for screens between 1024px and 1440px */
-@media (min-width: 1024px) and (max-width: 1439px) {
-    .name-column {
-        min-width: 120px;
-    }
-}
-
-/* Styles for screens 1440px and wider */
-@media (min-width: 1440px) {
+@media screen and (min-aspect-ratio: 4/3) {
     .name-column {
         min-width: 200px;
     }