스타일 수정

This commit is contained in:
focp212@naver.com
2025-09-22 15:48:37 +09:00
parent c0ccd0f5ba
commit 0480108942
5 changed files with 12 additions and 6 deletions

View File

@@ -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">

View File

@@ -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>

View File

@@ -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>

View File

@@ -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;
}

View File

@@ -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 {