diff --git a/src/views/SellerDashboard/MyListings/createSelectItem/index.vue b/src/views/SellerDashboard/MyListings/createSelectItem/index.vue
index 4cb6d011..c7075e74 100644
--- a/src/views/SellerDashboard/MyListings/createSelectItem/index.vue
+++ b/src/views/SellerDashboard/MyListings/createSelectItem/index.vue
@@ -304,6 +304,23 @@ const {} = toRefs(data);
&.Small{
--itemWidth: 17rem;
--itemHeight: 26.1rem;
+ --iconFS: 1.4rem;
+ --iconWH: 2.4rem;
+ --iconTR: 1.2rem;
+ }
+ &.Medium{
+ --itemWidth: 22.6rem;
+ --itemHeight: 34.6rem;
+ --iconFS: 1.6rem;
+ --iconWH: 3rem;
+ --iconTR: 1.4rem;
+ }
+ &.Large{
+ --itemWidth: 29.2rem;
+ --itemHeight: 44.8rem;
+ --iconFS: 2.2rem;
+ --iconWH: 4rem;
+ --iconTR: 1.62rem;
}
> .item{
width: var(--itemWidth);
@@ -314,18 +331,19 @@ const {} = toRefs(data);
position: relative;
> .choose{
display: flex;
- width: 2.4rem;
- height: 2.4rem;
+ width: var(--iconWH);
+ height: var(--iconWH);
position: absolute;
background-color: #000;
border-radius: 50%;
display: none;
justify-content: center;
align-items: center;
- top: 1.2rem;
- right: .9rem;
+ top: var(--iconTR);
+ right: var(--iconTR);
> i{
color: #fff;
+ font-size: var(--iconFS);
display: flex;
}
}