diff --git a/src/features/admin/pages/AdminDashboardPage.vue b/src/features/admin/pages/AdminDashboardPage.vue index 53b1c61..a74f147 100644 --- a/src/features/admin/pages/AdminDashboardPage.vue +++ b/src/features/admin/pages/AdminDashboardPage.vue @@ -266,7 +266,7 @@ const calendar = useTehranCalendar() gap: 1.5rem; @media (min-width: 1024px) { - width: 19.625rem; + width: clamp(21rem, 26vw, 24rem); flex-shrink: 0; border-inline-start: 1px solid #e6e6e6; padding-inline-start: 2rem; diff --git a/src/features/counselor/pages/CounselorDashboardPage.vue b/src/features/counselor/pages/CounselorDashboardPage.vue index abe0466..85e9e70 100644 --- a/src/features/counselor/pages/CounselorDashboardPage.vue +++ b/src/features/counselor/pages/CounselorDashboardPage.vue @@ -206,7 +206,7 @@ const calendar = useTehranCalendar() gap: 1.5rem; @media (min-width: 1024px) { - width: 19.625rem; + width: clamp(21rem, 26vw, 24rem); flex-shrink: 0; border-inline-start: 1px solid #e6e6e6; padding-inline-start: 2rem; diff --git a/src/features/missionary/pages/MissionaryDashboardPage.vue b/src/features/missionary/pages/MissionaryDashboardPage.vue index da8d1be..ae21faa 100644 --- a/src/features/missionary/pages/MissionaryDashboardPage.vue +++ b/src/features/missionary/pages/MissionaryDashboardPage.vue @@ -225,7 +225,7 @@ const calendar = useTehranCalendar() gap: 1.5rem; @media (min-width: 1024px) { - width: 19.625rem; + width: clamp(21rem, 26vw, 24rem); flex-shrink: 0; border-inline-start: 1px solid #e6e6e6; padding-inline-start: 2rem; diff --git a/src/features/student/pages/StudentDashboardPage.vue b/src/features/student/pages/StudentDashboardPage.vue index 384df9b..61f907b 100644 --- a/src/features/student/pages/StudentDashboardPage.vue +++ b/src/features/student/pages/StudentDashboardPage.vue @@ -292,7 +292,7 @@ const calendar = buildTehranCalendar() gap: 1.5rem; @media (min-width: 1024px) { - width: 19.625rem; + width: clamp(21rem, 26vw, 24rem); flex-shrink: 0; border-inline-start: 1px solid #e6e6e6; padding-inline-start: 2rem;