update(Journal): 期刊封面改为宽高固定,y轴居中,溢出隐藏

feature/artists
mackt 4 months ago
parent c71788da0f
commit 3f03b6574a

@ -31,17 +31,17 @@ export default function JournalCard({
}) {
return (
/* banner container */
<div className={`relative w-712px h-fit rounded-6px overflow-hidden bg-[url(${image})] group ${className}`}>
<div className={`relative w-712px h-420px rounded-6px overflow-hidden bg-[url(${image})] group ${className}`}>
{/* 左上方 角标 */}
<VolNo className="absolute top-16px left-16px" text={journalNo} />
{/* banner */}
<Image
width={0}
height={0}
width={712}
height={420}
src={image}
unoptimized
alt={`Vol${journalNo}`}
className={`w-100% h-auto ${scale && 'group-hover:transform-scale-103 transition-transform-300'}`}
className={`absolute top-50% left-0 transform-translate-y-[-50%] w-full h-auto object-cover object-c ${scale && 'group-hover:transform-scale-103 transition-transform-300'}`}
/>
{/* 标题 */}
{!!title && (

Loading…
Cancel
Save