Feat: Subnet CSS 수정

AWS-Cloud-School-6 · Nov 28, 2024 · 0f2d9a5 · 0f2d9a5
1 parent aebe00f
commit 0f2d9a5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 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
@@ -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
@@ -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>
   );