css 수정

2025-10-31 13:42:42 +09:00
parent e657c5e7e6
commit 9bf6b7aba9
21 changed files with 32 additions and 21 deletions
--- a/src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx
+++ b/src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx
@@ -73,7 +73,7 @@ export const AccountHolderAuthFilter = ({
 						</div>
 					</div>

-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
+++ b/src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
@@ -95,7 +95,7 @@ export const AccountHolderSearchFilter = ({
 						</div>
 					</div>

-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx
+++ b/src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx
@@ -83,7 +83,7 @@ export const FaceAuthFilter = ({
 						</div>
 					</div>

-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/filter/alimtalk-filter.tsx
+++ b/src/entities/additional-service/ui/filter/alimtalk-filter.tsx
@@ -135,7 +135,7 @@ export const AlimtalkFilter = ({
              </button>
            </div>
          </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/filter/ars-filter.tsx
+++ b/src/entities/additional-service/ui/filter/ars-filter.tsx
@@ -117,7 +117,7 @@ export const ArsFilter = ({
              </button>
            </div>
          </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={ setFilterMid }
--- a/src/entities/additional-service/ui/filter/fund-account-result-filter.tsx
+++ b/src/entities/additional-service/ui/filter/fund-account-result-filter.tsx
@@ -124,7 +124,7 @@ export const FundAccountResultFilter = ({
              </button>
            </div>
          </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx
+++ b/src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx
@@ -118,7 +118,7 @@ export const FundAccountTransactionFilter = ({
              </button>
            </div>
          </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/filter/payout-filter.tsx
+++ b/src/entities/additional-service/ui/filter/payout-filter.tsx
@@ -115,7 +115,7 @@ export const PayoutFilter = ({
              </button>
            </div>
          </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/key-in-payment/filter/key-in-payment-filter.tsx
+++ b/src/entities/additional-service/ui/key-in-payment/filter/key-in-payment-filter.tsx
@@ -79,7 +79,7 @@ export const KeyInPaymentFilter = ({
 						</div>
 					</div>

-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('filter.merchant')}
 							selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx
+++ b/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx
@@ -121,7 +121,7 @@ export const LinkPaymentHistoryFilter = ({
 						</div>
 					</div>

-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title={t('additionalService.linkPayment.merchant')}
 							selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx
+++ b/src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx
@@ -104,7 +104,7 @@ export const LinkPaymentWaitSendFilter = ({
 						</div>
 					</div>

-					<div className="option-list pt-16">
+					<div className="option-list pt-16 pb-86">
 						<FilterSelectMid
 							title='가맹점'
 							selectSetter={setFilterMid}
--- a/src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx
+++ b/src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx
@@ -92,7 +92,7 @@ export const SmsPaymentFilter = ({
            </div>
          </div>

-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title='가맹점'
              selectSetter={setFilterMid}
--- a/src/entities/settlement/ui/filter/list-filter.tsx
+++ b/src/entities/settlement/ui/filter/list-filter.tsx
@@ -100,7 +100,7 @@ export const ListFilter = ({
              </button>
            </div>
          </div>
-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={ setMid }
--- a/src/entities/settlement/ui/list-wrap.tsx
+++ b/src/entities/settlement/ui/list-wrap.tsx
@@ -440,7 +440,7 @@ export const ListWrap = ({
          sortType={ sortType }
          onClickToSort={ onClickToSort }
        ></SortTypeBox>
-        <div>
+        <div className="excrow">
          <div className="full-menu-keywords no-padding">
            <span
              className={ `keyword-tag ${(periodType === SettlementPeriodType.SETTLEMENT_DATE)? 'active': ''}` }
--- a/src/entities/transaction/ui/filter/all-transaction-filter.tsx
+++ b/src/entities/transaction/ui/filter/all-transaction-filter.tsx
@@ -232,7 +232,7 @@ export const AllTransactionFilter = ({
            </div>
          </div>

-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={ setMid }
--- a/src/entities/transaction/ui/filter/billing-filter.tsx
+++ b/src/entities/transaction/ui/filter/billing-filter.tsx
@@ -126,7 +126,7 @@ export const BillingFilter = ({
            </div>
          </div>

-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={ setMid }
--- a/src/entities/transaction/ui/filter/cash-receipt-filter.tsx
+++ b/src/entities/transaction/ui/filter/cash-receipt-filter.tsx
@@ -117,7 +117,7 @@ export const CashReceiptFilter = ({
            </div>
          </div>

-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={ setMid }
--- a/src/entities/transaction/ui/filter/escrow-filter.tsx
+++ b/src/entities/transaction/ui/filter/escrow-filter.tsx
@@ -119,7 +119,7 @@ export const EscrowFilter = ({
            </div>
          </div>

-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('filter.merchant')}
              selectSetter={ setMid }
--- a/src/entities/vat-return/ui/filter/list-filter.tsx
+++ b/src/entities/vat-return/ui/filter/list-filter.tsx
@@ -89,7 +89,7 @@ export const ListFilter = ({
            </div>
          </div>

-          <div className="option-list pt-16">
+          <div className="option-list pt-16 pb-86">
            <FilterSelectMid
              title={t('merchant.title')}
              selectSetter={ setMid }
--- a/src/pages/transaction/cash-receipt/list-page.tsx
+++ b/src/pages/transaction/cash-receipt/list-page.tsx
@@ -253,7 +253,7 @@ export const CashReceiptListPage = () => {
 								sortType={ sortType }
 								onClickToSort={ onClickToSort }
 							></SortTypeBox>
-							<div>
+							<div className="excrow">
 								<div className="full-menu-keywords no-padding">
 								{
 									getCashReceiptTransactionTypeBtnGroup(t).map((value: any, index: number) => (
--- a/src/shared/ui/assets/css/style-fix.css
+++ b/src/shared/ui/assets/css/style-fix.css
@@ -441,8 +441,19 @@ main.home-main{
 main.pop{
  padding-bottom: env(safe-area-inset-bottom);
 }
-
+.opt-field{
+  grid-template-columns: unset;
+}
 .opt-label{
  font-size: var(--fs-14);
  word-break: break-all;
+}
+.opt-controls .input-wrapper input{
+  height: 38px;
+}
+.filter-section{
+  overflow-x: hidden;
+}
+.filter-section .excrow{
+  width: 60%;
 }