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

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

@ -31,17 +31,17 @@ export default function JournalCard({
}) { }) {
return ( return (
/* banner container */ /* 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} /> <VolNo className="absolute top-16px left-16px" text={journalNo} />
{/* banner */} {/* banner */}
<Image <Image
width={0} width={712}
height={0} height={420}
src={image} src={image}
unoptimized unoptimized
alt={`Vol${journalNo}`} 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 && ( {!!title && (

Loading…
Cancel
Save