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 (
<div className="flex flex-row gap-2">
<Card className="w-9/12">
<div className="flex flex-col lg:flex-row gap-2">
<Card className="w-full lg:w-9/12">
<div className="px-6 py-6">
<p className="text-lg font-semibold mb-3">Form Konferensi Pers</p>
<form onSubmit={handleSubmit(onSubmit)}>
@ -206,8 +206,8 @@ export default function FormEvent() {
</div>
)}
<div className="flex flex-row mt-3 items-center justify-between">
<div className="flex flex-col">
<div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
<div className="flex flex-col ">
<Label className="mr-3 mb-1">Tanggal</Label>
<Popover>
<PopoverTrigger asChild>
@ -215,7 +215,7 @@ export default function FormEvent() {
id="date"
variant={"outline"}
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"
)}
>
@ -350,7 +350,7 @@ export default function FormEvent() {
</form>
</div>
</Card>
<Card className="w-3/12">
<Card className="w-full lg:w-3/12">
<div className="px-3 py-3">Jadwal Selanjutnya</div>
</Card>
</div>

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

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

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

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