Fix : Date field overflow in exception form in mobile view (#10112)

ohcnetwork · Jan 24, 2025 · 363ef98 · 363ef98
1 parent 75164fd
commit 363ef98
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/pages/Scheduling/components/CreateScheduleExceptionSheet.tsx b/src/pages/Scheduling/components/CreateScheduleExceptionSheet.tsx
@@ -205,7 +205,7 @@ export default function CreateScheduleExceptionSheet({
                   )}
                 />
 
-                <div className="grid grid-cols-2 gap-4">
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                   <FormField
                     control={form.control}
                     name="valid_from"
@@ -297,6 +297,7 @@ export default function CreateScheduleExceptionSheet({
                   <SheetClose asChild>
                     <Button
                       variant="outline"
+                      className="mt-2 md:mt-0"
                       type="button"
                       disabled={isPending}
                     >

diff --git a/src/pages/Scheduling/components/CreateScheduleTemplateSheet.tsx b/src/pages/Scheduling/components/CreateScheduleTemplateSheet.tsx
@@ -584,7 +584,12 @@ export default function CreateScheduleTemplateSheet({
 
               <SheetFooter className="absolute inset-x-0 bottom-0 border-t bg-white p-6">
                 <SheetClose asChild>
-                  <Button variant="outline" type="button" disabled={isPending}>
+                  <Button
+                    className="mt-2 md:mt-0"
+                    variant="outline"
+                    type="button"
+                    disabled={isPending}
+                  >
                     {t("cancel")}
                   </Button>
                 </SheetClose>

diff --git a/src/pages/Scheduling/components/EditScheduleTemplateSheet.tsx b/src/pages/Scheduling/components/EditScheduleTemplateSheet.tsx
@@ -262,6 +262,7 @@ const ScheduleTemplateEditor = ({
               variant="outline"
               onClick={() => deleteTemplate()}
               disabled={isProcessing}
+              size="sm"
             >
               <Trash2Icon />
               {isDeleting ? t("deleting") : t("delete")}