مدیاویکی:Common.css: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

@@ خط ۷٬۴۱۴: / خط ۷٬۴۱۴: @@
 }
 /* کانتینر اصلی */
 .category-grid {
      display: grid;
-     gap: 10px; /* فاصله کمتر بین باکس‌ها */
+     gap: 10px;
      margin: 15px auto;
-     max-width: 800px; /* هماهنگ با کادر خوش‌آمدگویی */
+     max-width: 800px;
      padding: 5px;
+    /* این خط باعث می‌شود در همه حالت‌ها پایه روی 2 ستون باشد */
+    grid-template-columns: repeat(2, 1fr);
 }
-/* حالت موبایل: ۲ ستون (اصلاح شد) */
+/* در دسکتاپ (صفحه‌های بزرگتر از 769 پیکسل) تبدیل به 4 ستون می‌شود */
-@media (max-width: 768px) {
-    .category-grid {
-        grid-template-columns: repeat(2, 1fr);
-    }
-}
-/* حالت دسکتاپ: ۴ ستون */
 @media (min-width: 769px) {
      .category-grid {
@@ خط ۷٬۴۳۸: / خط ۷٬۴۳۲: @@
 }
-/* استایل باکس‌های کوچک و باریک */
+/* استایل باکس‌ها */
 .category-card {
      display: flex;
@@ خط ۷٬۴۴۴: / خط ۷٬۴۳۸: @@
      justify-content: center;
      text-align: center;
-     height: 45px; /* ارتفاع کمتر */
+     height: 45px;
      padding: 5px 10px;
-     border-radius: 8px; /* گردی کمتر لبه‌ها برای نمای مدرن‌تر */
+     border-radius: 8px;
      text-decoration: none !important;
      transition: transform 0.2s ease;
      box-shadow: 0 2px 4px rgba(0,0,0,0.08);
      font-weight: 600;
-     font-size: 0.85em; /* فونت کمی کوچک‌تر */
+     font-size: 0.85em;
      color: #ffffff !important;
 }