From 9ce4c7abf59d5a578f60f59fbde91d5cc79ef25f Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Mon, 8 Aug 2022 02:12:44 +0000
Subject: [PATCH] =?UTF-8?q?=EB=8F=84=EB=A9=94=EC=9D=B8=20=EC=A0=95?=
 =?UTF-8?q?=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../domain/components/list.component.html     | 128 ++++++++++++------
 1 file changed, 90 insertions(+), 38 deletions(-)

diff --git a/src/app/modules/admin/settings/domain/components/list.component.html b/src/app/modules/admin/settings/domain/components/list.component.html
index f78df1b..c0766e5 100644
--- a/src/app/modules/admin/settings/domain/components/list.component.html
+++ b/src/app/modules/admin/settings/domain/components/list.component.html
@@ -17,8 +17,14 @@
             >
               <!-- Index -->
               <ng-container matColumnDef="idx">
-                <th mat-header-cell *matHeaderCellDef>번호</th>
-                <td mat-cell *matCellDef="let info">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  번호
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
                   <span class="font-medium text-right">
                     {{ info.idx }}
                   </span>
@@ -27,8 +33,14 @@
 
               <!-- Domain -->
               <ng-container matColumnDef="domain">
-                <th mat-header-cell *matHeaderCellDef>도메인</th>
-                <td mat-cell *matCellDef="let info">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  도메인
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
                   <span class="font-medium text-right">
                     {{ info.domain }}
                   </span>
@@ -37,8 +49,14 @@
 
               <!-- Design folder -->
               <ng-container matColumnDef="designFolder">
-                <th mat-header-cell *matHeaderCellDef>디자인 폴더</th>
-                <td mat-cell *matCellDef="let info">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  디자인 폴더
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
                   <span class="font-medium text-right">
                     {{ info.designFolder }}
                   </span>
@@ -47,8 +65,14 @@
 
               <!-- Site name -->
               <ng-container matColumnDef="siteName">
-                <th mat-header-cell *matHeaderCellDef>사이트명</th>
-                <td mat-cell *matCellDef="let info">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  사이트명
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
                   <span class="font-medium text-right">
                     {{ info.siteName }}
                   </span>
@@ -57,8 +81,14 @@
 
               <!-- Expiry date -->
               <ng-container matColumnDef="expiryDate">
-                <th mat-header-cell *matHeaderCellDef>만료일</th>
-                <td mat-cell *matCellDef="let info">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  만료일
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
                   <span class="font-medium text-right">
                     {{ info.expiryDate }}
                   </span>
@@ -67,8 +97,14 @@
 
               <!-- Period of use -->
               <ng-container matColumnDef="periodOfUse">
-                <th mat-header-cell *matHeaderCellDef>남은 기간</th>
-                <td mat-cell *matCellDef="let info">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  남은 기간
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
                   <span class="font-medium text-right">
                     {{ info.periodOfUse }}
                   </span>
@@ -77,19 +113,37 @@
 
               <!-- Memo -->
               <ng-container matColumnDef="memo">
-                <th mat-header-cell *matHeaderCellDef>메모</th>
-                <td mat-cell *matCellDef="let info">
-                  <mat-form-field class="">
-                    <input id="memo" matInput value="{{ info.memo }}" />
-                  </mat-form-field>
-                  <button mat-flat-button [color]="'primary'">수정</button>
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  메모
+                </th>
+                <td mat-cell *matCellDef="let info" style="text-align: center">
+                  <div class="hidden sm:block truncate">
+                    <mat-form-field class="">
+                      <input id="memo" matInput value="{{ info.memo }}" />
+                    </mat-form-field>
+                    <button mat-flat-button [color]="'primary'">수정</button>
+                  </div>
                 </td>
               </ng-container>
 
               <!-- Delete button -->
               <ng-container matColumnDef="deleteBtn">
-                <th mat-header-cell *matHeaderCellDef>도메인 삭제</th>
-                <td mat-cell *matCellDef="let basicSetting">
+                <th
+                  mat-header-cell
+                  *matHeaderCellDef
+                  style="text-align: center"
+                >
+                  도메인 삭제
+                </th>
+                <td
+                  mat-cell
+                  *matCellDef="let basicSetting"
+                  style="text-align: center"
+                >
                   <div class="hidden sm:block truncate">
                     <button mat-flat-button [color]="'primary'">
                       도메인삭제
@@ -117,47 +171,45 @@
             도메인 등록
           </div>
           <div>
-            <table class="min-w-240 overflow-y-visible">
+            <table>
               <tr>
-                <th>도메인(필수)</th>
-                <th>디자인 폴더(옵션)</th>
-                <th>사이트명(옵션)</th>
-                <th>만료일(옵션)</th>
-                <th>메모(옵션)</th>
-                <th>도메인 등록</th>
+                <th [width]="217">도메인(필수)</th>
+                <th [width]="217">디자인 폴더(옵션)</th>
+                <th [width]="217">사이트명(옵션)</th>
+                <th [width]="217">만료일(옵션)</th>
+                <th [width]="217">메모(옵션)</th>
+                <th [width]="217">도메인 등록</th>
               </tr>
               <tr>
-                <td>
+                <td style="text-align: center">
                   <mat-form-field>
                     <input id="domain" matInput
                   /></mat-form-field>
                 </td>
-                <td>
+                <td style="text-align: center">
                   <mat-form-field>
                     <input id="designFolder" matInput
                   /></mat-form-field>
                 </td>
-                <td>
+                <td style="text-align: center">
                   <mat-form-field>
                     <input id="siteName" matInput />
                   </mat-form-field>
                 </td>
-                <td>
+                <td style="text-align: center">
                   <mat-form-field>
                     <input id="expiryDate" matInput />
                   </mat-form-field>
                 </td>
-                <td>
+                <td style="text-align: center">
                   <mat-form-field>
                     <input id="memo" matInput />
                   </mat-form-field>
                 </td>
-                <td>
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
-                      도메인등록
-                    </button>
-                  </div>
+                <td style="text-align: center">
+                  <button mat-flat-button [color]="'primary'">
+                    도메인등록
+                  </button>
                 </td>
               </tr>
             </table>