From 90c55d25ac005d5d394dcb0e2b2f60bbc5323598 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Fri, 31 Oct 2025 11:17:59 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=84=EA=B2=A9=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/ui/filter/button-groups.tsx      | 17 +++++++++++++++--
 src/shared/ui/filter/calendar-month.tsx     |  5 ++++-
 src/shared/ui/filter/calendar.tsx           |  5 ++++-
 src/shared/ui/filter/input.tsx              |  5 ++++-
 src/shared/ui/filter/range-amount.tsx       |  5 ++++-
 src/shared/ui/filter/select-input.tsx       |  5 ++++-
 src/shared/ui/filter/select-mid.tsx         |  5 ++++-
 src/shared/ui/filter/select.tsx             |  5 ++++-
 src/shared/ui/filter/single-date-picker.tsx |  5 ++++-
 9 files changed, 47 insertions(+), 10 deletions(-)

diff --git a/src/shared/ui/filter/button-groups.tsx b/src/shared/ui/filter/button-groups.tsx
index c6be939..a51cb75 100644
--- a/src/shared/ui/filter/button-groups.tsx
+++ b/src/shared/ui/filter/button-groups.tsx
@@ -21,6 +21,11 @@ export const FilterButtonGroups = ({
           <span 
             key={ `key-btngroup-span-${i}` }
             className={ `keyword-tag flex-1 ${(activeValue === btnGroups[i]?.value)? 'active': ''}` }
+            style={{ 
+              width: `calc((100% - ${onwRowMaxBtn === 2? '10px': '30px'}) / ${onwRowMaxBtn})`,
+              wordBreak: 'break-all',
+              fontSize: 'var(--fs-14)'
+            }}
             onClick={ () => setter(btnGroups[i]?.value || '') }
           >{ btnGroups[i]?.name }</span>
         );
@@ -40,7 +45,12 @@ export const FilterButtonGroups = ({
             <span 
               key={ `key-btngroup-span-nodata-${i}` }
               className="keyword-tag flex-1" 
-              style={{ visibility: 'hidden' }}
+              style={{ 
+                visibility: 'hidden', 
+                width: `calc((100% - ${onwRowMaxBtn === 2? '10px': '30px'}) / ${onwRowMaxBtn})`,
+                wordBreak: 'break-all',
+                fontSize: 'var(--fs-14)'
+              }}
             ></span>
           );
         }
@@ -57,7 +67,10 @@ export const FilterButtonGroups = ({
   return (
     <>
       <div className={ `opt-field ${addClassName || ''}` }>
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className={ `opt-controls col h36 ${(onwRowMaxBtn === 4)? 'below': ''}` }>
         { getBtns() }
         </div>
diff --git a/src/shared/ui/filter/calendar-month.tsx b/src/shared/ui/filter/calendar-month.tsx
index 1481f67..b237eea 100644
--- a/src/shared/ui/filter/calendar-month.tsx
+++ b/src/shared/ui/filter/calendar-month.tsx
@@ -82,7 +82,10 @@ export const FilterCalendarMonth = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ filterTitle }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ filterTitle }</div>
         <div className="opt-controls col below h36">
           <div className="chip-row">
             <span
diff --git a/src/shared/ui/filter/calendar.tsx b/src/shared/ui/filter/calendar.tsx
index 4cd5675..222b72f 100644
--- a/src/shared/ui/filter/calendar.tsx
+++ b/src/shared/ui/filter/calendar.tsx
@@ -105,7 +105,10 @@ export const FilterCalendar = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ filterTitle }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ filterTitle }</div>
         <div className="opt-controls col below h36">
           <div className="chip-row">
             <span
diff --git a/src/shared/ui/filter/input.tsx b/src/shared/ui/filter/input.tsx
index 5af625e..2a84798 100644
--- a/src/shared/ui/filter/input.tsx
+++ b/src/shared/ui/filter/input.tsx
@@ -14,7 +14,10 @@ export const FilterInput = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <input
             className="flex-1"
diff --git a/src/shared/ui/filter/range-amount.tsx b/src/shared/ui/filter/range-amount.tsx
index 565f829..7dc49f7 100644
--- a/src/shared/ui/filter/range-amount.tsx
+++ b/src/shared/ui/filter/range-amount.tsx
@@ -26,7 +26,10 @@ export const FilterRangeAmount = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ filterTitle }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ filterTitle }</div>
         <div className="opt-controls">
           <div className="input-wrapper ">
             <NumericFormat
diff --git a/src/shared/ui/filter/select-input.tsx b/src/shared/ui/filter/select-input.tsx
index c95c227..1b20bd5 100644
--- a/src/shared/ui/filter/select-input.tsx
+++ b/src/shared/ui/filter/select-input.tsx
@@ -49,7 +49,10 @@ export const FilterSelectInput = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <select 
             className="w-110"
diff --git a/src/shared/ui/filter/select-mid.tsx b/src/shared/ui/filter/select-mid.tsx
index 091c0fa..7327cfd 100644
--- a/src/shared/ui/filter/select-mid.tsx
+++ b/src/shared/ui/filter/select-mid.tsx
@@ -52,7 +52,10 @@ export const FilterSelectMid = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <select 
             className="flex-1"
diff --git a/src/shared/ui/filter/select.tsx b/src/shared/ui/filter/select.tsx
index a0f2ab4..07715eb 100644
--- a/src/shared/ui/filter/select.tsx
+++ b/src/shared/ui/filter/select.tsx
@@ -29,7 +29,10 @@ export const FilterSelect = ({
   return (
     <>
       <div className="opt-field">
-        <div className="opt-label">{ title }</div>
+        <div 
+          className="opt-label"
+          style={{ fontSize: 'var(--fs-14)' }}
+        >{ title }</div>
         <div className="opt-controls">
           <select 
             className="flex-1"
diff --git a/src/shared/ui/filter/single-date-picker.tsx b/src/shared/ui/filter/single-date-picker.tsx
index 266e496..eb0d1c1 100644
--- a/src/shared/ui/filter/single-date-picker.tsx
+++ b/src/shared/ui/filter/single-date-picker.tsx
@@ -35,7 +35,10 @@ export const SingleDatePicker = ({
     <>
       {title && (
         <div className="issue-row gap-10">
-          <div className="issue-label">{title}</div>
+          <div 
+            className="issue-label"
+            style={{ fontSize: 'var(--fs-14)' }}
+          >{ title }</div>
           <div className="issue-field">
             <div className="input-wrapper date">
               <input