[TItemCard] VideoShow 일 경우

Detail Notes :
 
1. Border 추가, focus 되었을때 스타일 변경
This commit is contained in:
jangheon Pyo
2024-02-26 14:04:18 +09:00
parent 604c27599c
commit 5550995857

View File

@@ -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 {