FIX : 이미지 w-full추가

Jbiscode · Jun 25, 2024 · 21a042a · 21a042a
1 parent d08f2ff
commit 21a042a
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/components/goods.jsx b/src/components/goods.jsx
@@ -5,7 +5,7 @@ import HeartFill from '@assets/images/icon/heart_fill.svg';
 const Goods = ({ data, likeState, handleLikeChange, isArticleLikedByUser }) => {
     return (
         <div>
-            <div className="goods-wrapper -mx-2 w-full grid justify-center box-border">
+            <div className="goods-wrapper w-full grid justify-center box-border">
                 <div className="newgoods-title mt-30 mb-4 mx-7 text-lg font-bold">추천 상품</div>
                     <div className="goods-list w-full grid box-border list-none grid-cols-2">
                         {data.length > 0 ? (

diff --git a/src/components/profile/BuyComponent.jsx b/src/components/profile/BuyComponent.jsx
@@ -140,7 +140,7 @@ const BuyComponent = ({updateMyProfileInfo }) => {
                     mySalesDTO.map(item => (
                         <Link className="w-1/2 px-2 mb-4" key={item.id} to={`/post/${item.id}`} onClick={(e) => {handleLinkClick(e,item)}}>
                             <div className="relative">
-                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}`} className="rounded-[10%]  border-solid border-[1px] border-[#f1f1f1]  h-[180px]"/>
+                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}`} className="rounded-[10%] w-full border-solid border-[1px] border-[#f1f1f1]  h-[180px]"/>
                                 {
                                         item.tradeStatus === 'SOLD_OUT' &&
                                         <div className="text-lg text-white flex justify-center items-center w-full h-full absolute bg-black/30 top-0 rounded-[10%]">

diff --git a/src/components/profile/LikeComponent.jsx b/src/components/profile/LikeComponent.jsx
@@ -107,7 +107,7 @@ const LikeComponent = ({updateMyProfileInfo }) => {
                     mySalesDTO.map(item => (
                         <Link className="w-1/2 px-2 mb-4" key={item.id} to={`/post/${item.id}`}>
                             <div className="relative">
-                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}` } className="rounded-[10%]  border-solid border-[1px] border-[#f1f1f1]  h-[180px]"/>
+                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}` } className="rounded-[10%] w-full border-solid border-[1px] border-[#f1f1f1]  h-[180px]"/>
                                 {
                                     item.tradeStatus === 'SOLD_OUT' &&
                                     <div className="text-lg text-white flex justify-center items-center w-full h-full absolute bg-black/30 top-0 rounded-[10%]">

diff --git a/src/components/profile/OfferComponent.jsx b/src/components/profile/OfferComponent.jsx
@@ -118,7 +118,7 @@ const OfferComponent = ({updateMyProfileInfo }) => {
                     mySalesDTO.map(item => (
                         <Link className="w-1/2 px-2 mb-4" key={item.id} to={`/post/${item.id}`}>
                             <div className="relative">
-                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}`} className="rounded-[10%]  border-solid border-[1px] border-[#f1f1f1]  h-[180px]"/>
+                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}`} className="rounded-[10%] w-full border-solid border-[1px] border-[#f1f1f1]  h-[180px]"/>
                                 {
                                         item.tradeStatus === 'SOLD_OUT' &&
                                         <div className="text-lg text-white flex justify-center items-center w-full h-full absolute bg-black/30 top-0 rounded-[10%]">

diff --git a/src/components/profile/SaleComponent.jsx b/src/components/profile/SaleComponent.jsx
@@ -156,7 +156,7 @@ const SaleComponent = ({userId}) => {
                     mySalesDTO.map(item => (
                         <Link className="w-1/2 px-2 mb-4 md:w-1/4 md:flex" key={item.id} to={`/post/${item.id}`}>
                             <div className="relative">
-                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}`} className="rounded-[10%]  border-solid border-[1px] border-[#f1f1f1] h-[180px] "/>
+                                <img src={`https://kr.object.ncloudstorage.com/kjwtest/article/${item.thumbnailUrl}`} className="rounded-[10%] w-full border-solid border-[1px] border-[#f1f1f1] h-[180px] "/>
                                 {
                                         item.tradeStatus === 'SOLD_OUT' &&
                                         <div className="text-lg text-white flex justify-center items-center w-full h-full absolute bg-black/30 top-0 rounded-[10%]">