From 0f2096d4e8cd38c74c536fbc186e19ce2e1126c4 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 13 Mar 2025 01:33:09 +0330
Subject: [PATCH] added max width to container

---
 frontend/assets/css/tailwind.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/assets/css/tailwind.css b/frontend/assets/css/tailwind.css
index 5143a81..9420e4f 100644
--- a/frontend/assets/css/tailwind.css
+++ b/frontend/assets/css/tailwind.css
@@ -10,10 +10,9 @@
 @import "./fonts/yekan-bakh.css";
 
 @theme {
-
     /* CONTAINER */
 
-    --app-container-padding: 20px;
+    --app-container-padding: 1rem;
 
     /* COLORS */
     --color-slate-50: hsl(210, 40%, 98%);
@@ -282,7 +281,7 @@
 /* CONTAINER */
 
 @utility container {
-    @apply mx-auto px-[var(--app-container-padding)];
+    @apply mx-auto px-[var(--app-container-padding)] w-full max-sm:max-w-[var(--breakpoint-xs)] max-md:max-w-[var(--breakpoint-sm)] max-lg:max-w-[var(--breakpoint-md)] max-xl:max-w-[var(--breakpoint-lg)] max-w-[var(--breakpoint-2xl)];
 }
 
 @layer {