mirror of
https://github.com/yudejp/yude.jp.git
synced 2025-05-13 07:28:41 +00:00
Fix aspect ratio of banners
画像の存在するバナーについては明示的に横幅を自動設定するように指定するこ とで本来のアスペクト比を維持し、画像の存在しないバナーについては最小の幅 を修正することで適切な幅を得られるようになりました
This commit is contained in:
parent
fad638d05a
commit
95ddf6d78f
@ -1,8 +1,8 @@
|
|||||||
import Marquee from "react-fast-marquee";
|
import Marquee from "react-fast-marquee";
|
||||||
|
|
||||||
export default function Mutuals() {
|
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 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 inline-block`
|
const globalBanner = `h-12 w-auto inline-block`
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Marquee
|
<Marquee
|
||||||
|
Loading…
x
Reference in New Issue
Block a user