fix(dashboard): increase maximum height of dialog components for better content visibility

Author: x0sina

dashboard/src/components/dialogs/advance-search-modal.tsx

@@ -46,7 +46,7 @@ export default function AdvanceSearchModal({ isDialogOpen, onOpenChange, form, o
 
         <Form {...form}>
           <form onSubmit={form.handleSubmit(onSubmit)} className="flex h-full flex-col justify-between space-y-4">
-            <div className="-mr-4 max-h-[78dvh] overflow-y-auto px-2 pr-4 sm:max-h-[75dvh]">
+            <div className="-mr-4 max-h-[80dvh] overflow-y-auto px-2 pr-4 sm:max-h-[75dvh]">
               <div className="flex w-full flex-1 flex-col gap-4 pb-4">
                 <section className="w-full space-y-4">
                   <div className="space-y-1">

dashboard/src/components/dialogs/client-template-modal.tsx

@@ -347,7 +347,7 @@ export default function ClientTemplateModal({ isDialogOpen, onOpenChange, form,
 
         <Form {...form}>
           <form onSubmit={handleSubmit} className="space-y-4">
-            <div className="-mr-4 max-h-[78dvh] space-y-4 overflow-y-auto px-2 pr-4 sm:max-h-[75dvh] pb-2">
+            <div className="-mr-4 max-h-[80dvh] space-y-4 overflow-y-auto px-2 pr-4 sm:max-h-[75dvh] pb-2">
               <div className="grid grid-cols-1 gap-4 md:h-full md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] md:gap-6">
                 <div className="flex flex-col">
                   <div className="flex flex-col space-y-4 md:h-full">

dashboard/src/components/dialogs/user-template-modal.tsx

@@ -289,7 +289,7 @@ export default function UserTemplateModal({ isDialogOpen, onOpenChange, form, ed
 
         <Form {...form}>
           <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col">
-            <div className="-mr-4 flex max-h-[78dvh] flex-col items-start gap-4 overflow-y-auto px-2 pb-6 pr-4 sm:max-h-[75dvh] sm:flex-row">
+            <div className="-mr-4 flex max-h-[80dvh] flex-col items-start gap-4 overflow-y-auto px-2 pb-6 pr-4 sm:max-h-[75dvh] sm:flex-row">
               <div className="w-full flex-1 space-y-4">
                 <div className="flex w-full flex-row gap-2">
                   <FormField