스타일 수정
This commit is contained in:
@@ -46,7 +46,7 @@ export const Filter = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="option-list pb-120">
|
<div className="option-list">
|
||||||
<div className="opt-field">
|
<div className="opt-field">
|
||||||
<div className="opt-label">가맹점</div>
|
<div className="opt-label">가맹점</div>
|
||||||
<div className="opt-controls">
|
<div className="opt-controls">
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ export const KakaoPaymentNotificationSettingPage = () => {
|
|||||||
<main>
|
<main>
|
||||||
<div className="tab-content">
|
<div className="tab-content">
|
||||||
<div className="tab-pane sub active">
|
<div className="tab-pane sub active">
|
||||||
<div className="option-list pb-120">
|
<div className="option-list">
|
||||||
<div className="service-settings">
|
<div className="service-settings">
|
||||||
<div className="service-notice">
|
<div className="service-notice">
|
||||||
<div>알림톡을 발송할 대상을 설정할 수 있습니다.</div>
|
<div>알림톡을 발송할 대상을 설정할 수 있습니다.</div>
|
||||||
|
|||||||
@@ -61,7 +61,7 @@ export const NoticeDetailPage = () => {
|
|||||||
<main>
|
<main>
|
||||||
<div className="tab-content">
|
<div className="tab-content">
|
||||||
<div className="tab-pane sub active">
|
<div className="tab-pane sub active">
|
||||||
<div className="option-list pb-120">
|
<div className="option-list">
|
||||||
<div className="notice-detail">
|
<div className="notice-detail">
|
||||||
<div className="notice-detail__title">{ result.title }</div>
|
<div className="notice-detail__title">{ result.title }</div>
|
||||||
<div className="notice-detail__meta">{ moment(result.regDate).format('YYYY.MM.DD') } | { t(`support.notice.categories.${result.category}`) }</div>
|
<div className="notice-detail__meta">{ moment(result.regDate).format('YYYY.MM.DD') } | { t(`support.notice.categories.${result.category}`) }</div>
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
main {
|
main {
|
||||||
padding-bottom: 0;
|
height: auto;
|
||||||
|
}
|
||||||
|
.tab-pane {
|
||||||
|
min-height: unset;
|
||||||
}
|
}
|
||||||
.full-menu-modal {
|
.full-menu-modal {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -42,7 +45,7 @@ header{
|
|||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
padding-top: calc(50px + env(safe-area-inset-top)) !important;
|
padding-top: calc(50px + env(safe-area-inset-top)) !important;
|
||||||
padding-bottom: calc(0px + env(safe-area-inset-bottom)) !important;
|
padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
|
||||||
}
|
}
|
||||||
.bottom-tabbar{
|
.bottom-tabbar{
|
||||||
height: calc(70px + env(safe-area-inset-bottom)) !important;
|
height: calc(70px + env(safe-area-inset-bottom)) !important;
|
||||||
@@ -69,3 +72,6 @@ main {
|
|||||||
scroll-snap-type: unset;
|
scroll-snap-type: unset;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.tab-pane.sub {
|
||||||
|
padding-bottom: unset !important;
|
||||||
|
}
|
||||||
|
|||||||
@@ -383,7 +383,7 @@ main.pb-0 .tab-pane {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tab-pane.sub {
|
.tab-pane.sub {
|
||||||
padding-bottom: 60px !important;
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-pane.active {
|
.tab-pane.active {
|
||||||
|
|||||||
Reference in New Issue
Block a user