yudejp/yude.jp
1
0
Fork 0
mirror of https://github.com/yudejp/yude.jp.git synced 2025-01-23 04:57:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix aspect ratio of banners

Browse Source 
画像の存在するバナーについては明示的に横幅を自動設定するように指定するこ
とで本来のアスペクト比を維持し、画像の存在しないバナーについては最小の幅
を修正することで適切な幅を得られるようになりました
This commit is contained in:
KusaReMKN 2024-05-11 21:36:43 +09:00
parent fad638d05a
commit 95ddf6d78f
No known key found for this signature in database
GPG Key ID: F29DADED43FB2713
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Mutuals.tsx
View File

@ -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 (
<Marquee