Skip to content

Commit

Permalink
Merge pull request #189 from Kernel360/page-home-feature-default-image
Browse files Browse the repository at this point in the history
페이지 기능: 홈페이지 스크롤 오류 수정
  • Loading branch information
bottlewook authored Feb 20, 2024
2 parents 8f1ce13 + d4f58df commit eeab264
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 28 deletions.
Binary file added public/assets/productList.webp
Binary file not shown.
52 changes: 26 additions & 26 deletions src/components/shared/product-article/ProductArticle.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -43,33 +43,33 @@
}
}

&.row {
box-sizing: border-box;
flex-direction: row;
width: fit-content;
padding: 10px;
border: none;
box-shadow: 1px 2px 6px rgba($color: #000, $alpha: 5%);
gap: 10px;
// &.row {
// box-sizing: border-box;
// flex-direction: row;
// width: fit-content;
// padding: 10px;
// border: none;
// box-shadow: 1px 2px 6px rgba($color: #000, $alpha: 5%);
// gap: 10px;

.imgBox {
flex-shrink: 0;
width: 85px;
height: 85px;
overflow: hidden;
border-radius: 8px;
aspect-ratio: 1/1;
// .imgBox {
// flex-shrink: 0;
// width: 85px;
// height: 85px;
// overflow: hidden;
// border-radius: 8px;
// aspect-ratio: 1/1;

.icon {
position: absolute;
top: 15px;
left: 15px;
}
}
// .icon {
// position: absolute;
// top: 15px;
// left: 15px;
// }
// }

.infoBox {
height: 85px;
padding: 0;
}
}
// .infoBox {
// height: 85px;
// padding: 0;
// }
// }
}
4 changes: 2 additions & 2 deletions src/components/shared/product-article/ProductArticle.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ function ProductArticle({ isRow = false, itemData }: ProductArticleProps) {
<article className={cx('container', { row: isRow })}>
<div className={cx('imgBox')}>
<Image
src={itemData.imageSource ?? '/assets/profile.JPG'}
src={itemData.imageSource ?? '/assets/productList.webp'}
alt="제품 이미지"
width={0}
height={0}
Expand All @@ -39,7 +39,7 @@ function ProductArticle({ isRow = false, itemData }: ProductArticleProps) {
/>
</div>
<div className={cx('infoBox')}>
<Text className={cx('ellipsis')} typography="t8" whiteSpace="nowrap" color="primary500">{itemData.brand}</Text>
<Text className={cx('ellipsis')} typography="t8" color="primary500">{itemData.brand}</Text>
<Text className={cx('ellipsis')} typography="t6" color="gray900">{itemData.productName}</Text>
<div>
<Text typography="t7" color="gray500">{itemData.upperItem}</Text>
Expand Down

0 comments on commit eeab264

Please sign in to comment.