From 87eb5d266211e99f7224a9f95433875c8936499c Mon Sep 17 00:00:00 2001 From: yonghyon Date: Mon, 7 Oct 2024 10:07:18 +0900 Subject: [PATCH] =?UTF-8?q?[SHOPTIME-3549]=20FHD=20/=20Theme=20detail=20/?= =?UTF-8?q?=20Box=20=ED=85=8C=EB=91=90=EB=A6=AC=EA=B0=80=20=EC=9D=BC?= =?UTF-8?q?=EB=B6=80=20=EB=AF=B8=EB=85=B8=EC=B6=9C=EB=90=98=EB=8A=94=20?= =?UTF-8?q?=ED=98=84=EC=83=81=20=EC=9B=90=EC=9D=B8=20:=20border=EB=A5=BC?= =?UTF-8?q?=20=ED=8F=AC=ED=95=A8=ED=95=98=EB=8A=94=20box=20=EC=9D=98=20?= =?UTF-8?q?=ED=81=AC=EA=B8=B0=EA=B0=80=20=EC=86=8C=EC=88=98=EC=A0=90?= =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EA=B3=84=EC=82=B0=EB=90=98=EC=96=B4=20?= =?UTF-8?q?=ED=81=AC=EA=B8=B0=20=EA=B3=84=EC=82=B0=20=EC=98=A4=EB=A5=98=20?= =?UTF-8?q?=EB=8C=80=EC=B1=85=20:=20=ED=95=B4=EB=8B=B9=20=ED=8C=A8?= =?UTF-8?q?=EB=84=90=EC=9D=98=201px,=202px=20=EB=8B=A8=EC=9C=84=EB=8A=94?= =?UTF-8?q?=20=EC=A0=88=EB=8C=80=20px(apx)=EB=A1=9C=20=EC=82=AC=EC=9A=A9?= =?UTF-8?q?=ED=95=98=EB=8F=84=EB=A1=9D=20=ED=95=98=EA=B3=A0,=20=ED=95=98?= =?UTF-8?q?=EC=9C=84=20component=EC=9D=98=20=ED=81=AC=EA=B8=B0=EB=8A=94=20?= =?UTF-8?q?=EB=B6=80=EB=AA=A8=ED=81=AC=EA=B8=B0=EB=A5=BC=20=EC=B0=B8?= =?UTF-8?q?=EC=A1=B0=ED=95=9C=20=EC=83=81=EB=8C=80=ED=81=AC=EA=B8=B0?= =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/indicator/Indicator.module.less | 12 ++++++------ .../components/indicator/ThemeIndicator.module.less | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less index f725b00b..87339436 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less @@ -35,11 +35,11 @@ } .image { - .size(@w: 558px, @h: 558px); + .size(@w: calc(100% - 2apx), @h: calc(100% - 2apx)); object-fit: contain; position: absolute; - left: 1px; - top: 1px; + left: 1apx; + top: 1apx; border: 0; } @@ -155,11 +155,11 @@ .size(@w: 144px , @h: 144px); object-fit: contain; margin: 0 0 6px 0; - border: solid 1px #dadada; + border: solid 1apx #dadada; position: relative; .smallImage { - .size(@w: 142px , @h: 142px); + .size(@w: 100%, @h: 100%); object-fit: contain; } @@ -172,7 +172,7 @@ &.selected { &:before { - .size(@w: 142px , @h: 142px); + .size(@w: 100% , @h: 100%); content: ""; position: absolute; left: 0; diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less index a63dac46..cebe4508 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less @@ -33,11 +33,11 @@ color: #fff; } .image { - .size(@w: 558px, @h: 558px); + .size(@w: calc(100% - 2apx), @h: calc(100% - 2apx)); object-fit: contain; position: absolute; - left: 1px; - top: 1px; + left: 1apx; + top: 1apx; border: 0; } @@ -107,11 +107,11 @@ .image { .size(@w: 144px , @h: 144px); margin: 0 0 6px 0; - border: solid 1px #dadada; + border: solid 1apx #dadada; position: relative; .smallImage { - .size(@w: 142px , @h: 142px); + .size(@w: 100%, @h: 100%); object-fit: contain; } &:focus { @@ -123,7 +123,7 @@ &.selected { &:before { - .size(@w: 142px , @h: 142px); + .size(@w: 100% , @h: 100%); content: ""; position: absolute; left: 0;