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

[Search] Keyword

Browse Source 
Detail Notes :
1. Grid -> flex 스타일 변경
This commit is contained in:
jangheon Pyo
2024-02-01 19:48:03 +09:00
parent 680eb840b4
commit 35f17bb974
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
com.twin.app.shoptime/src/views/SearchPanel/RecommendedKeywords/RecommendedKeywords.module.less
View File

@@ -2,12 +2,12 @@
@import "../../../style/utils.module.less"; @import "../../../style/utils.module.less";
.container { .container {
margin-top: 180px; margin-top: 140px;
position: relative; position: relative;
.arrow { .arrow {
position: absolute; position: absolute;
top: 140px; top: 160px;
} }
.arrowLeft { .arrowLeft {
@@ -19,16 +19,14 @@
} }
.keywordsGrid { .keywordsGrid {
display: grid; display: flex;
grid-template-columns: repeat(3, 1fr); flex-wrap: wrap;
grid-gap: 40px 80px; justify-content: center;
width: 100%;
place-items: center;
padding: 0 233px;
.keywordBox { .keywordBox {
width: 390px; width: 390px;
height: 97px; height: 97px;
margin: 20px 40px;
line-height: 97px; line-height: 97px;
letter-spacing: -1px; letter-spacing: -1px;
border-radius: 10px; border-radius: 10px;