fix overflow

This commit is contained in:
Clas Wen 2025-05-31 10:38:32 +08:00
parent 2a7e5bf861
commit 1bd9d9551b

View file

@ -188,10 +188,9 @@ export default function Schedule() {
}, [focusedDate, groupedEvents]) }, [focusedDate, groupedEvents])
return ( return (
<div className="flex justify-center"> <div className="box-border flex justify-center">
<section className="box-border max-w-[1024px] px-[22px] mb-24 flex grow"> <section className="max-w-[1024px] px-[22px] mb-24 flex flex-col w-full">
<div className="grow"> <div className="my-8 text-2xl font-bold"></div>
<div className="my-8 text-2xl font-bold w-full"></div>
<Alert <Alert
title="你可以在日历 App 中订阅我们的日程" title="你可以在日历 App 中订阅我们的日程"
className="my-4 items-center" className="my-4 items-center"
@ -210,9 +209,9 @@ export default function Schedule() {
</Button> </Button>
)} )}
/> />
<div className="flex gap-8 w-full pt-4"> <div className="flex flex-col sm:flex-row gap-8 pt-4">
<div className="flex flex-col grow"> <div className="flex flex-col grow">
<div className="text-2xl font-bold"> <div className="text-2xl font-bold w-full">
{ {
dayjs(focusedDate.toDate()).format("MMMM YYYY") dayjs(focusedDate.toDate()).format("MMMM YYYY")
} }
@ -275,7 +274,6 @@ export default function Schedule() {
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
</div> </div>
) )