mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:responsive form schedule

This commit is contained in:
Anang Yusman 2024-12-04 00:59:55 +07:00
parent 56e5098c34
commit 831d044011
3 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/form/schedule/event-form.tsx
View File

@ -140,8 +140,8 @@ export default function FormEvent() {
}; };
return ( return (
<div className="flex flex-row gap-2"> <div className="flex flex-col lg:flex-row gap-2">
<Card className="w-9/12"> <Card className="w-full lg:w-9/12">
<div className="px-6 py-6"> <div className="px-6 py-6">
<p className="text-lg font-semibold mb-3">Form Konferensi Pers</p> <p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
@ -206,8 +206,8 @@ export default function FormEvent() {
</div> </div>
)} )}
<div className="flex flex-row mt-3 items-center justify-between"> <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
<div className="flex flex-col"> <div className="flex flex-col ">
<Label className="mr-3 mb-1">Tanggal</Label> <Label className="mr-3 mb-1">Tanggal</Label>
<Popover> <Popover>
<PopoverTrigger asChild> <PopoverTrigger asChild>
@ -215,7 +215,7 @@ export default function FormEvent() {
id="date" id="date"
variant={"outline"} variant={"outline"}
className={cn( className={cn(
"w-[300px] justify-start text-left font-normal", "w-[280px] lg:w-[300px] justify-start text-left font-normal",
!date && "text-muted-foreground" !date && "text-muted-foreground"
)} )}
> >
@ -350,7 +350,7 @@ export default function FormEvent() {
</form> </form>
</div> </div>
</Card> </Card>
<Card className="w-3/12"> <Card className="w-full lg:w-3/12">
<div className="px-3 py-3">Jadwal Selanjutnya</div> <div className="px-3 py-3">Jadwal Selanjutnya</div>
</Card> </Card>
</div> </div>

12
components/form/schedule/pers-release-form.tsx
View File

@ -140,8 +140,8 @@ export default function FormPressRelease() {
}; };
return ( return (
<div className="flex flex-row gap-2"> <div className="flex flex-col lg:flex-row gap-2">
<Card className="w-9/12"> <Card className="w-full lg:w-9/12">
<div className="px-6 py-6"> <div className="px-6 py-6">
<p className="text-lg font-semibold mb-3">Form Konferensi Pers</p> <p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
@ -206,8 +206,8 @@ export default function FormPressRelease() {
</div> </div>
)} )}
<div className="flex flex-row mt-3 items-center justify-between"> <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
<div className="flex flex-col"> <div className="flex flex-col ">
<Label className="mr-3 mb-1">Tanggal</Label> <Label className="mr-3 mb-1">Tanggal</Label>
<Popover> <Popover>
<PopoverTrigger asChild> <PopoverTrigger asChild>
@ -215,7 +215,7 @@ export default function FormPressRelease() {
id="date" id="date"
variant={"outline"} variant={"outline"}
className={cn( className={cn(
"w-[300px] justify-start text-left font-normal", "w-[280px] lg:w-[300px] justify-start text-left font-normal",
!date && "text-muted-foreground" !date && "text-muted-foreground"
)} )}
> >
@ -367,7 +367,7 @@ export default function FormPressRelease() {
</form> </form>
</div> </div>
</Card> </Card>
<Card className="w-3/12"> <Card className="w-full lg:w-3/12">
<div className="px-3 py-3">Jadwal Selanjutnya</div> <div className="px-3 py-3">Jadwal Selanjutnya</div>
</Card> </Card>
</div> </div>

12
components/form/schedule/press-conference-form.tsx
View File

@ -140,8 +140,8 @@ export default function FormPressConference() {
}; };
return ( return (
<div className="flex flex-row gap-2"> <div className="flex flex-col lg:flex-row gap-2">
<Card className="w-9/12"> <Card className="w-full lg:w-9/12">
<div className="px-6 py-6"> <div className="px-6 py-6">
<p className="text-lg font-semibold mb-3">Form Konferensi Pers</p> <p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
@ -206,8 +206,8 @@ export default function FormPressConference() {
</div> </div>
)} )}
<div className="flex flex-row mt-3 items-center justify-between"> <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
<div className="flex flex-col"> <div className="flex flex-col ">
<Label className="mr-3 mb-1">Tanggal</Label> <Label className="mr-3 mb-1">Tanggal</Label>
<Popover> <Popover>
<PopoverTrigger asChild> <PopoverTrigger asChild>
@ -215,7 +215,7 @@ export default function FormPressConference() {
id="date" id="date"
variant={"outline"} variant={"outline"}
className={cn( className={cn(
"w-[300px] justify-start text-left font-normal", "w-[280px] lg:w-[300px] justify-start text-left font-normal",
!date && "text-muted-foreground" !date && "text-muted-foreground"
)} )}
> >
@ -350,7 +350,7 @@ export default function FormPressConference() {
</form> </form>
</div> </div>
</Card> </Card>
<Card className="w-3/12"> <Card className="w-full lg:w-3/12">
<div className="px-3 py-3">Jadwal Selanjutnya</div> <div className="px-3 py-3">Jadwal Selanjutnya</div>
</Card> </Card>
</div> </div>