بخش اطلاعات تماس/عطاری حافظ - فراغیب
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۷: | خط ۷: | ||
max-width: 1100px; | max-width: 1100px; | ||
margin: 5px auto; | margin: 5px auto; | ||
padding: 10px 5px; | padding: 10px 5px; | ||
direction: rtl; | direction: rtl; | ||
text-align: center; | text-align: center; | ||
| خط ۳۳: | خط ۳۳: | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
font-size: clamp(0.9em, 1.8vw, 1em); | font-size: clamp(0.9em, 1.8vw, 1em); | ||
color: #2e4633; | color: #2e4633; | ||
| خط ۴۰: | خط ۴۰: | ||
} | } | ||
/* ردیف آیکونها - فشردهسازی | /* ردیف آیکونها - فشردهسازی حداکثری */ | ||
.icons-row { | .icons-row { | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
justify-content: center; /* | justify-content: center; /* جمع شدن آیکونها در مرکز */ | ||
align-items: center; | align-items: center; | ||
flex-wrap: nowrap; | flex-wrap: nowrap; | ||
gap: | gap: 5px; /* فاصله کوچک و کنترل شده بین آیکونها */ | ||
} | } | ||
/* بلوکهای آیکون - تنظیم | /* بلوکهای آیکون - تنظیم برای جلوگیری از اشغال فضای اضافی */ | ||
.icon-block { | .icon-block { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
flex: 1 1 | flex: 1 1 auto; /* تغییر از 25% به auto برای کاهش فضای اضافی */ | ||
padding: 0 2px; | padding: 0 2px; | ||
min-width: 60px; | min-width: 60px; | ||
} | } | ||
.icon-block img { | .icon-block img { | ||
width: clamp(28px, 3.5vw, 36px); | width: clamp(28px, 3.5vw, 36px); | ||
height: clamp(28px, 3.5vw, 36px); | height: clamp(28px, 3.5vw, 36px); | ||
margin-bottom: 2px; | margin-bottom: 2px; | ||
object-fit: contain; | object-fit: contain; | ||
} | } | ||
| خط ۸۴: | خط ۸۴: | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: 700; | font-weight: 700; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
| خط ۹۰: | خط ۹۰: | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.icons-row { | .icons-row { | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 5px; | gap: 5px; | ||
} | } | ||
.icon-block { | .icon-block { | ||
flex: 1 1 45%; | flex: 1 1 45%; | ||
} | } | ||
} | } | ||
| خط ۱۳۲: | خط ۱۳۲: | ||
</div> | </div> | ||
</section> | </section> | ||
</html> | </html> | ||
نسخهٔ ۱۸ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۳۴
راههای ارتباطی عطاری و ادویه سرای حافظ: