- 로그인 인증정보 minus btn 밀림 현상 수정

src/entities/additional-service/ui/list-item.tsx

@@ -488,7 +488,7 @@ export const ListItem = ({
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.Payout) {
       rs.push(
-        <div className="transaction-details">
+        <div key="payout" className="transaction-details">
           <span>{getPayoutStatusText(t)(status)}</span>
           <span className="separator">|</span>
           <span>{submallId}</span>
@@ -524,7 +524,7 @@ export const ListItem = ({
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.Ars) {
       rs.push(
-        <div className="transaction-details">
+        <div key="ars" className="transaction-details">
           <span>{getTime()}</span>
           <span className="separator">|</span>
           <span>{getStatus()}</span>
@@ -537,7 +537,7 @@ export const ListItem = ({
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk) {
       rs.push(
-        <div className="transaction-details">
+        <div key="alimtalk" className="transaction-details">
           <span>{getTime()}</span>
           <span className="separator">|</span>
           <span>{getAlimtalkServiceCodeText(t)(serviceCode)}</span>
@@ -562,14 +562,14 @@ export const ListItem = ({
     let rs: any[] = [];
     if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch) {
       rs.push(
-        <div className={`status-label ${resultStatus === 'SUCCESS' ? 'success' : 'fail'}`}>
+        <div key="account-holder-search-amount" className={`status-label ${resultStatus === 'SUCCESS' ? 'success' : 'fail'}`}>
           {resultStatus === 'SUCCESS' ? t('additionalService.common.success') : t('additionalService.common.fail')}
         </div>
       );
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
       rs.push(
-        <div className={`status-label ${authResult === 'SUCCESS' ? 'success' : 'fail'}`}>
+        <div key="face-auth-amount" className={`status-label ${authResult === 'SUCCESS' ? 'success' : 'fail'}`}>
           {authResult === 'SUCCESS' ? t('additionalService.common.success') : t('additionalService.common.fail')}
         </div>
       );
@@ -578,14 +578,14 @@ export const ListItem = ({
       const statusText = authStatus === 'REQUEST' ? t('additionalService.common.request') : authStatus === 'SUCCESS' ? t('additionalService.common.success') : t('additionalService.common.fail');
       const statusClass = authStatus === 'SUCCESS' || 'REQUEST' ? 'success' : 'fail';
       rs.push(
-        <div className={`status-label ${statusClass}`}>
+        <div key="account-holder-auth-amount" className={`status-label ${statusClass}`}>
           {statusText}
         </div>
       );
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
       rs.push(
-        <div className="transaction-amount">
+        <div key="key-in-payment-amount" className="transaction-amount">
           {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );
@@ -594,7 +594,7 @@ export const ListItem = ({
       additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait
     ) {
       rs.push(
-        <div className="transaction-amount">
+        <div key="link-payment-amount" className="transaction-amount">
           {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );

src/shared/ui/assets/css/style-fix.css

@@ -631,3 +631,20 @@ main.pop .apply-row {
 .tab36 {
   font-size: var(--fs-15);
 }
+
+/* 로그인 인증 정보 input-row 레이아웃 수정 */
+.settings-login-auth .input-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding-bottom: 16px;
+}
+
+.settings-login-auth .input-row input {
+  flex: 1;
+  min-width: 0;
+}
+
+.settings-login-auth .icon-btn.minus {
+  flex-shrink: 0;
+}