feat: replace checkboxes with Switch component for better UI consistency

- Updated DoctorDetailPage, MySecretariesPage, RecordNumberSettingsPage, RepresentationsPage, ResourcePoolsPage, ResourceTypesPage, SecretariesPage, SecretaryDetailPage, SettingsPage, SkillsPage, SmsWalletPage, and TagsSettingsPage to use the new Switch component instead of native checkboxes.
- Enhanced accessibility by ensuring the Switch component uses appropriate roles and labels.
- Added tests for the new Switch component to ensure functionality and accessibility compliance.
- Updated styles to accommodate the new Switch component design.
This commit is contained in:
hamed
2026-08-05 16:09:46 +03:30
parent f9bbdf1e7c
commit 0e7970d6e0
38 changed files with 634 additions and 350 deletions
+3 -1
View File
@@ -997,8 +997,10 @@ html, body { max-width: 100%; overflow-x: hidden; }
.wh-time .lbl { font-size: 11.5px; color: var(--text-3); flex-shrink: 0; }
.wh-time input { font-size: 13.5px; }
/* چک‌باکس خام ~۱۳px است و زیر حداقلِ ارتفاعِ لمسی می‌افتد. */
/* «تا پایان روز» حالا سوییچ است، نه چک‌باکس. قاعدهٔ ابعادِ input برداشته شد چون
بعد از `.switch input` در فایل می‌آمد و با همان specificity آن را بازنویسی
می‌کرد — سوییچ به یک مربع ۱۷px تبدیل می‌شد. */
.wh-eod { display: flex; align-items: center; gap: 6px; min-height: 32px; font-size: 12.5px; color: var(--text-2); cursor: pointer; }
.wh-eod input { width: 17px; height: 17px; accent-color: var(--primary); cursor: pointer; }
@media (max-width: 720px) {
.wh-day { grid-template-columns: minmax(0, 1fr); gap: 8px; }