From 0f2d9a5462c28c0f14c14a1e8dae9cf4ab0ef579 Mon Sep 17 00:00:00 2001
From: nareunhang <xuwrgaf@gmail.com>
Date: Thu, 28 Nov 2024 10:10:32 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20Subnet=20CSS=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Features/VPC/Subnet/table/SubnetRow.jsx        |  4 ++--
 .../Features/VPC/Subnet/table/TableHeader.jsx      | 14 +++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/SubnetRow.jsx b/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/SubnetRow.jsx
index 51816b7..73ac7ac 100644
--- a/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/SubnetRow.jsx
+++ b/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/SubnetRow.jsx
@@ -25,7 +25,7 @@ function SubnetRow({ customer, isEven, isSelected, onCheckboxChange }) {
           className={styles.checkbox}
         />
       </div>
-      <div className={styles.cell} style={{ width: '6.4%', textAlign: 'center' }}>
+      <div className={`${styles.cell}  ${styles.idCell}`} style={{width: '6.4%', textAlign: 'center'}}>
           <img 
             src={PROVIDER_ICONS[customer.provider]} 
             alt={`${customer.provider} icon`}
@@ -51,7 +51,7 @@ function SubnetRow({ customer, isEven, isSelected, onCheckboxChange }) {
       <div className={`${styles.cell} ${styles.availableipCell}`} style={{ width: '10%', textAlign: 'center' }}>
         {customer.availableip}
       </div>
-      <div className={`${styles.cell} ${styles.routingTableCell}`} style={{ width: '20%', textAlign: 'center' }}>
+      <div className={`${styles.cell} ${styles.routingTableCell}`} style={{ width: '15%', textAlign: 'center' }}>
         {customer.az || '-'}
       </div>
     </div>
diff --git a/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/TableHeader.jsx b/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/TableHeader.jsx
index 2bb8d34..d16674c 100644
--- a/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/TableHeader.jsx
+++ b/aiwa-mcp-frontend/src/Console/Features/VPC/Subnet/table/TableHeader.jsx
@@ -12,14 +12,14 @@ function TableHeader({ onSelectAll, allSelected }) {
           className={styles.checkbox}
         />
       </div>
-      <div className={`${styles.cell} ${styles.idCell}`} style={{textAlign: 'center' }}>Provider</div>
-      <div className={`${styles.cell} ${styles.nameCell}`} style={{ width: '20%', textAlign: 'center' }}>Name</div>
+      <div className={`${styles.cell} ${styles.idCell}`} style={{textAlign: 'center', width: '8%'}}>Provider</div>
+      <div className={`${styles.cell} ${styles.nameCell}`} style={{ width: '22.8%', textAlign: 'center' }}>Name</div>
       {/* <div className={`${styles.cell} ${styles.descriptionCell}`} style={{ width: '20%' }}>Description</div> */}
-      <div className={`${styles.cell} ${styles.statusCell}`} style={{ width: '7%', textAlign: 'center' }}>Status</div>
-      <div className={`${styles.cell} ${styles.vpcIdCell}`} style={{ width: '15%', textAlign: 'center' }}>VPC ID</div>
-      <div className={`${styles.cell} ${styles.cidrCell}`} style={{ width: '15%' }}>CIDR</div>
-      <div className={`${styles.cell} ${styles.availableipCell}`} style={{ width: '8%' }}>Available IP</div>
-      <div className={`${styles.cell} ${styles.azCell}`} style={{ width: '20%' }}>AZ</div>
+      <div className={`${styles.cell} ${styles.statusCell}`} style={{ width: '4.8%', textAlign: 'center' }}>Status</div>
+      <div className={`${styles.cell} ${styles.vpcIdCell}`} style={{ width: '18%', textAlign: 'center' }}>VPC ID</div>
+      <div className={`${styles.cell} ${styles.cidrCell}`} style={{ width: '11.5%' }}>CIDR</div>
+      <div className={`${styles.cell} ${styles.availableipCell}`} style={{ width: '11%' }}>Available IP</div>
+      <div className={`${styles.cell} ${styles.azCell}`} style={{ width: '15%' }}>AZ</div>
       {/* <div className={`${styles.cell} ${styles.routingTableCell}`} style={{ width: '22.5%' }}>Routing Table</div> */}
     </div>
   );