From 95ddf6d78f21f0666318e69b6a6599750edffe5a Mon Sep 17 00:00:00 2001 From: KusaReMKN <48670724+KusaReMKN@users.noreply.github.com> Date: Sat, 11 May 2024 21:36:43 +0900 Subject: [PATCH] Fix aspect ratio of banners MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 画像の存在するバナーについては明示的に横幅を自動設定するように指定するこ とで本来のアスペクト比を維持し、画像の存在しないバナーについては最小の幅 を修正することで適切な幅を得られるようになりました --- src/components/Mutuals.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Mutuals.tsx b/src/components/Mutuals.tsx index d9e2028..cb8116a 100644 --- a/src/components/Mutuals.tsx +++ b/src/components/Mutuals.tsx @@ -1,8 +1,8 @@ import Marquee from "react-fast-marquee"; export default function Mutuals() { - const noImageBanner = `border border-4 border-fuchsia-300 bg-slate-200 pt-1.5 px-3 text-black h-12 font-bold block min-w-56 text-center text-2xl font-serif` - const globalBanner = `h-12 inline-block` + const noImageBanner = `border border-4 border-fuchsia-300 bg-slate-200 pt-1.5 px-3 text-black h-12 font-bold block min-w-32 text-center text-2xl font-serif` + const globalBanner = `h-12 w-auto inline-block` return (