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

[ContactContents,ListContents] focus,elip 스타일 적용

Browse Source
This commit is contained in:
jiwon93.son
2024-02-16 15:28:26 +09:00
parent e1293514ba
commit 0404528b93
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less
View File

@@ -58,11 +58,12 @@
} }
} }
position: relative;
&:focus-within, &:focus-within,
&:focus { &:focus {
box-shadow: 0 3px 5.64px 0.36px #0000007d, &::after {
0 0 0 4px @PRIMARY_COLOR_RED inset; .focused();
box-sizing: border-box; }
} }
} }
} }

11
com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ListContents/ListContents.module.less
View File

@@ -40,12 +40,15 @@
.border-solid(@size:1px,@color:#cccccc); .border-solid(@size:1px,@color:#cccccc);
border-radius: 8px; border-radius: 8px;
&:hover, .elip(@clamp: 1);
position: relative;
&:focus-within,
&:focus { &:focus {
box-shadow: 0 3px 5.64px 0.36px #0000007d,
0 0 0 4px @PRIMARY_COLOR_RED inset;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
box-sizing: border-box; &::after {
.focused();
}
} }
.marquee { .marquee {