diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less index 62d9988d..efa9cfd5 100644 --- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less +++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less @@ -190,21 +190,20 @@ padding: 14px; background-color: @COLOR_WHITE; border-radius: 12px; - .border-solid(@size:4px,@color:transparent); - font-weight: bold; + .border-solid(@size:1px,@color:@COLOR_GRAY02); font-family: @baseFontBold; + position: relative; &:focus { - border: 4px solid @PRIMARY_COLOR_RED; - box-sizing: border-box; - .focused(@boxShadow: 22px, @borderRadius: 12px); + &::after { + .focused(@boxShadow: 22px, @borderRadius: 12px); + } } &.nonPosition { &:focus { - position: unset; - border: 4px solid @PRIMARY_COLOR_RED; - box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5); - border-radius: 12px; + &::after { + .focused(@boxShadow: 22px, @borderRadius: 12px); + } } } .imageWrap {