From 30085bb096fe59e8eed30307d0b2e26fa2f2c2dc Mon Sep 17 00:00:00 2001 From: Arthur Knaus Date: Fri, 24 Nov 2023 15:42:41 +0100 Subject: [PATCH] fix(landing-page): Astro showcase overflowing --- packages/website/src/components/AstroShowcase.astro | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/website/src/components/AstroShowcase.astro b/packages/website/src/components/AstroShowcase.astro index 2d80783f..dbf7fc88 100644 --- a/packages/website/src/components/AstroShowcase.astro +++ b/packages/website/src/components/AstroShowcase.astro @@ -10,8 +10,9 @@ background-repeat: repeat; background-position: center; background-size: 20px 20px; - max-width: 435px; - min-width: 400px; + max-width: 90vw; + overflow: hidden; + padding: 0 2rem; height: 201px; border-radius: 5px; } @@ -20,6 +21,7 @@ display: flex; align-items: center; height: 56px; + flex-shrink: 0; background: linear-gradient(180deg, #13151A 0%, rgba(19, 21, 26, 0.88) 100%); border: 1px solid #343841; border-radius: 9999px; @@ -29,6 +31,7 @@ .dev-bar > button { display: flex; + flex-shrink: 0; position: relative; justify-content: center; align-items: center;