Additional CSS for goldenratiocards

2023-11-26 17:56:23 +01:00
parent c085e9aa22
commit ce4e09f1f6
1 changed files with 5 additions and 4 deletions
--- a/front/components/V2/HomeMainSongCard.tsx
+++ b/front/components/V2/HomeMainSongCard.tsx
@@ -16,11 +16,12 @@ const HomeMainSongCard = (props: HomeMainSongCardProps) => {
 			{({ isHovered }) => (
 				<View
 					style={{
-						width: '100%',
-						height: '100%',
+						maxWidth: '100%',
+						maxHeight: '100%',
 						borderRadius: 12,
 						overflow: 'hidden',
 						position: 'relative',
+						aspectRatio: 1,
 					}}
 				>
 					<Image
@@ -29,8 +30,8 @@ const HomeMainSongCard = (props: HomeMainSongCardProps) => {
 						}}
 						style={{
 							aspectRatio: 1,
-							width: '100%',
-							height: '100%',
+							maxWidth: '100%',
+							maxHeight: '100%',
 							flexShrink: 1,
 						}}
 					/>