feat(game): 添加桌面游戏历史组件并优化布局样式
This commit is contained in:
@@ -36,7 +36,7 @@ export function DesktopAnimal({
|
||||
onSelect,
|
||||
}: DesktopAnimalProps) {
|
||||
return (
|
||||
<section className={cx('grid grid-cols-6', className)}>
|
||||
<section className={cx('w-full grid grid-cols-6 gap-[5px]', className)}>
|
||||
{animalImageList.map((item) => {
|
||||
const isActive = item.id === activeId
|
||||
|
||||
@@ -56,7 +56,10 @@ export function DesktopAnimal({
|
||||
<SmartImage
|
||||
src={item.url}
|
||||
alt={`animal-${item.id}`}
|
||||
className={cx('h-[110px] w-[220px]', imageClassName)}
|
||||
className={cx(
|
||||
'h-[112px] w-[223px] object-contain rounded-2xl',
|
||||
imageClassName,
|
||||
)}
|
||||
/>
|
||||
</button>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user