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

[components] TItemCard, css 수정

Browse Source 
Detail Notes :

1. focused 상태의 border 수정
This commit is contained in:
younghoon100.park
2024-02-05 18:07:50 +09:00
parent 07458e21f2
commit 88f31cce4f
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -73,10 +73,10 @@
} }
/* focused */ /* focused */
&:focus-within { &:focus {
border: solid 1px @PRIMARY_COLOR_RED; &::after {
box-shadow: inset 0 0 0 4px @PRIMARY_COLOR_RED, .focused(@boxShadow:50px, @borderRadius:12px);
0 0 50px 0 rgba(0, 0, 0, 0.5); }
} }
} }
@@ -154,7 +154,7 @@
} }
} }
// best sellet // best seller
> div:nth-child(3) { > div:nth-child(3) {
.position(@position: absolute, @top: -1px, @left: 18px); .position(@position: absolute, @top: -1px, @left: 18px);
.flex(@direction: column, @justifyCenter: space-between); .flex(@direction: column, @justifyCenter: space-between);
@@ -173,10 +173,10 @@
} }
/* focused */ /* focused */
&:focus-within { &:focus {
border: solid 1px @PRIMARY_COLOR_RED; &::after {
box-shadow: inset 0 0 0 4px @PRIMARY_COLOR_RED, .focused(@boxShadow:50px, @borderRadius:12px);
0 0 50px 0 rgba(0, 0, 0, 0.5); }
// best seller // best seller
div:nth-child(3) { div:nth-child(3) {