maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Centered small_calendar view vertically (#8712)

This commit is contained in:
Jeroen Reumkens 2023-05-05 21:39:00 +01:00 committed by GitHub
parent ab50067194
commit d7051c4a3f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/pages/new-booker/[user]/[type].tsx
View File

@ -15,7 +15,7 @@ type PageProps = inferSSRProps<typeof getServerSideProps>;
export default function Type({ slug, user, booking, away }: PageProps) {
return (
<main className="flex justify-center">
<main className="flex h-full min-h-[100dvh] items-center justify-center">
<Booker username={user} eventSlug={slug} rescheduleBooking={booking} isAway={away} />
</main>
);

2
apps/web/pages/new-booker/team/[slug]/[type].tsx
View File

@ -14,7 +14,7 @@ type PageProps = inferSSRProps<typeof getServerSideProps>;
export default function Type({ slug, user, booking, away }: PageProps) {
return (
<main className="flex justify-center">
<main className="flex h-full min-h-[100dvh] items-center justify-center">
<Booker username={user} eventSlug={slug} rescheduleBooking={booking} isAway={away} />
</main>
);

2
packages/features/bookings/Booker/Booker.tsx
View File

@ -135,7 +135,7 @@ const BookerComponent = ({ username, eventSlug, month, rescheduleBooking }: Book
// Sizes for fullscreen layouts:
layout !== "small_calendar" && "[--booker-meta-width:340px] lg:[--booker-meta-width:424px]",
// Other styles
layout === "small_calendar" && "border-subtle mt-20 min-h-[450px] rounded-md border",
layout === "small_calendar" && "border-subtle min-h-[450px] rounded-md border",
layout !== "small_calendar" && "h-auto min-h-screen w-screen",
"transition-[width,max-width] duration-300"
)}>