fix: mobile layout (#1024)

* Update globals.css

* Update globals.css

* Update globals.css

Author: ameer2468

apps/web/app/globals.css

@@ -51,6 +51,16 @@ html {
 	color: #000000;
 	background-color: #f2f2f2;
 }
+.dashboard-grid {
+	display: grid;
+	grid-template-columns: auto 1fr 1fr;
+	grid-template-areas:
+		"sidebar main main"
+		"sidebar main main";
+	height: 100dvh;
+	width: 100vw;
+	min-height: 100dvh;
+}
 
 .dashboard-grid {
 	display: grid;
@@ -304,6 +314,7 @@ a.bg-primary:hover {
 @media all and (max-width: 1024px) {
 	.dashboard-grid {
 		grid-template-columns: 1fr;
+		grid-template-rows: 1fr;
 		grid-template-areas:
 			"main"
 			"main";