مدیاویکی:Common.css: تفاوت میان نسخهها
admin>Esfandiari بدون خلاصۀ ویرایش |
admin>Esfandiari بدون خلاصۀ ویرایش |
||
| خط ۸۴۴: | خط ۸۴۴: | ||
.main-grid { | .main-grid { | ||
display: grid; | display: grid; | ||
/* | /* فاصله بین باکسها را افزایش دادیم */ | ||
grid-template-columns: repeat(10, minmax(60px, 1fr)); | grid-template-columns: repeat(10, minmax(60px, 1fr)); | ||
gap: 8px | gap: 15px; /* مقدار gap از 8px به 15px افزایش یافت */ | ||
justify-items: center; | justify-items: center; | ||
} | } | ||
| خط ۸۵۴: | خط ۸۵۴: | ||
border: 2px solid #9bbbd9; | border: 2px solid #9bbbd9; | ||
border-radius: 6px; | border-radius: 6px; | ||
width: 100%; | width: 100%; | ||
height: 40px; | height: 40px; | ||
font-size: 12px; | font-size: 12px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
padding: | padding: 5px 10px; /* افزایش فضای داخلی باکس برای جلوگیری از چسبیدن متن به لبهها */ | ||
text-align: center; | text-align: center; | ||
box-sizing: border-box; /* برای اینکه padding باعث بهم ریختن سایز باکس نشود */ | |||
} | } | ||