optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[TItemCard] VideoShow 일 경우

Browse Source 
Detail Notes :
 
1. Border 추가, focus 되었을때 스타일 변경
This commit is contained in:
jangheon Pyo
2024-02-26 14:04:18 +09:00
parent 604c27599c
commit 5550995857
1 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
View File

@@ -190,21 +190,20 @@
padding: 14px; padding: 14px;
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
border-radius: 12px; border-radius: 12px;
.border-solid(@size:4px,@color:transparent); .border-solid(@size:1px,@color:@COLOR_GRAY02);
font-weight: bold;
font-family: @baseFontBold; font-family: @baseFontBold;
position: relative;
&:focus { &:focus {
border: 4px solid @PRIMARY_COLOR_RED; &::after {
box-sizing: border-box; .focused(@boxShadow: 22px, @borderRadius: 12px);
.focused(@boxShadow: 22px, @borderRadius: 12px); }
} }
&.nonPosition { &.nonPosition {
&:focus { &:focus {
position: unset; &::after {
border: 4px solid @PRIMARY_COLOR_RED; .focused(@boxShadow: 22px, @borderRadius: 12px);
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5); }
border-radius: 12px;
} }
} }
.imageWrap { .imageWrap {