Skip to content

Commit 3434aa6

Browse files
committed
fix: main logo container shrinking on safari
1 parent 3c9d23d commit 3434aa6

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

src/Home.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -48,17 +48,17 @@ const Home = (): ReactElement => {
4848
</div>
4949

5050
<div className="mx-auto w-full min-w-0 max-w-md md:hidden lg:block">
51-
<div className="relative mx-auto w-full min-w-0 min-h-96 overflow-hidden rounded-3xl border border-white/60 bg-white/75 p-4 shadow-2xl sm:p-6 lg:aspect-square lg:min-h-0">
52-
<div className="absolute inset-x-6 top-6 h-28 rounded-3xl bg-gradient-to-r from-yellow-300/70 to-sky-200/55 blur-2xl" />
53-
<div className="relative flex h-full min-w-0 flex-col rounded-3xl border border-black/8 bg-white/90 px-4 pb-4 pt-5 text-center sm:px-6 sm:pb-5 sm:pt-6">
54-
<div className="flex min-h-56 flex-1 items-center justify-center overflow-hidden">
51+
<div className="relative mx-auto w-full min-w-0 min-h-96 overflow-hidden rounded-3xl border border-white/60 bg-white/75 p-4 shadow-2xl sm:p-6">
52+
<div className="pointer-events-none absolute inset-x-6 top-6 h-28 rounded-3xl bg-gradient-to-r from-yellow-300/70 to-sky-200/55 blur-2xl" />
53+
<div className="relative space-y-4 rounded-3xl border border-black/8 bg-white/90 px-4 pb-5 pt-5 text-center sm:px-6 sm:pb-6 sm:pt-6">
54+
<div className="flex items-center justify-center">
5555
<img
5656
src={logo}
5757
alt="Logo WDT"
58-
className="h-auto w-full max-w-xs max-h-full object-contain"
58+
className="h-auto w-full max-w-xs object-contain"
5959
/>
6060
</div>
61-
<div className="mt-3 shrink-0 space-y-2">
61+
<div className="space-y-2">
6262
<p className="text-xl font-bold leading-tight text-brand sm:text-3xl">Web Dev Talks</p>
6363
<p className="text-xs uppercase tracking-widest text-slate-500 sm:text-sm">{t('homePage.communityLabel')}</p>
6464
</div>

0 commit comments

Comments
 (0)