[서치 스타일 수정]
- 피그마에 맞춰 스타일 수정
This commit is contained in:
@@ -41,9 +41,9 @@
|
||||
|
||||
// 숨김 상태 - visibility: hidden으로 공간은 차지하되 내용은 안 보임
|
||||
&.hidden {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
> * {
|
||||
|
||||
@@ -26,6 +26,7 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-left: 120px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1002;
|
||||
@@ -180,7 +181,9 @@
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// align-items: center;
|
||||
margin-top: 100px;
|
||||
padding-right: 120px;
|
||||
z-index: 1002;
|
||||
pointer-events: all; // 컨텐츠 영역은 클릭 가능
|
||||
}
|
||||
|
||||
@@ -34,10 +34,7 @@
|
||||
}
|
||||
|
||||
.bubbleMessage {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
padding: 20px 30px;
|
||||
background: rgba(68, 68, 68, 0.5);
|
||||
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.35);
|
||||
border-radius: 1000px;
|
||||
@@ -74,4 +71,5 @@
|
||||
font-weight: 700;
|
||||
line-height: 24px;
|
||||
word-wrap: break-word;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user