terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use 16:9 home banner aspect

Browse Source
This commit is contained in:
TerryM
2026-05-28 18:38:26 +08:00
parent c03a3c6d89
commit ef1f3163eb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/FigmaBanner.tsx
View File

@@ -239,14 +239,14 @@ export function FigmaBanner() {
> >
{slides.map((slide, index) => { {slides.map((slide, index) => {
const image = ( const image = (
<picture className="block w-full overflow-hidden bg-black md:rounded-xl"> <picture className="block aspect-video w-full overflow-hidden bg-black md:rounded-xl">
<source media="(max-width: 767px)" srcSet={slide.mobile} /> <source media="(max-width: 767px)" srcSet={slide.mobile} />
<img <img
src={slide.desktop} src={slide.desktop}
alt={slide.alt} alt={slide.alt}
className="pointer-events-none h-[219px] w-full object-cover md:h-auto" className="pointer-events-none h-full w-full object-cover"
width={1280} width={1280}
height={290} height={720}
loading={index === 0 ? "eager" : "lazy"} loading={index === 0 ? "eager" : "lazy"}
decoding="async" decoding="async"
draggable={false} draggable={false}