From a5493029f9b15163ac02d708a75fae6358b39fb1 Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Thu, 21 Jul 2022 14:52:15 +0900
Subject: [PATCH] bug fix

---
 src/app/modules/user/main/main.component.html | 117 +++++++++---------
 src/app/modules/user/main/main.module.ts      |   3 +
 2 files changed, 63 insertions(+), 57 deletions(-)

diff --git a/src/app/modules/user/main/main.component.html b/src/app/modules/user/main/main.component.html
index 111f9e2..93e2c9a 100644
--- a/src/app/modules/user/main/main.component.html
+++ b/src/app/modules/user/main/main.component.html
@@ -5,69 +5,72 @@
       <img class="banner-bg" src="assets/images/beteran/banner-bg.jpg" />
     </div>
     <!-- Header -->
+    <!-- Header -->
     <div
-      class="flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between p-6 sm:py-8 sm:px-10 border-b bg-card dark:bg-transparent"
+      class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-8 px-6 md:px-8 border-b"
     >
-      <div class="flex-1 min-w-0">
-        <!-- Title -->
-        <div class="mt-2">
-          <div class="bal-container ml-auto">
-            <form method="post" name="LoginFrm">
-              <div class="before-login active">
-                <div class="desktop">
-                  <div class="dflex-ac-jc">
-                    <div class="input-panel dflex-ac-jc">
-                      <div class="icon-panel dflex-ac-jc">
-                        <i class="fas fa-user-tie" aria-hidden="true"></i>
-                      </div>
-                      <input
-                        type="text"
-                        placeholder="아이디"
-                        name="IU_ID"
-                        id="IU_ID"
-                      />
-                    </div>
-                    <div class="input-panel dflex-ac-jc">
-                      <div class="icon-panel dflex-ac-jc">
-                        <i class="fas fa-unlock-alt" aria-hidden="true"></i>
-                      </div>
-                      <input
-                        type="password"
-                        placeholder="비밀번호"
-                        name="IU_PW"
-                        id="IU_PW"
-                      />
-                    </div>
-                    <button
-                      type="button"
-                      class="btn-yellow"
-                      onclick="loginChk();"
-                    >
-                      로그인
-                    </button>
+      <!-- Title -->
+      <div class="text-4xl font-extrabold tracking-tight">
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">입금신청</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">출금신청</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">공지사항</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">콤프</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">고객센터</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">입금내역</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">출금내역</span>
+        </button>
+      </div>
+      <!-- Actions -->
+      <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
+        <!-- Search -->
 
-                    <button type="button" class="btn-red bonus-link">
-                      회원가입
-                    </button>
-                  </div>
-                </div>
-                <div class="mobile">
-                  <div class="dflex-ac-jc">
-                    <button type="button" class="btn-yellow login-link">
-                      <i class="fa-solid fa-right-to-bracket mr-2"></i> ���
-                    </button>
+        <!-- Add product button -->
 
-                    <button type="button" class="btn-red bonus-link">
-                      <i class="fa-solid fa-user-plus mr-2"></i> ȸ������
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
+        <input
+          class="ml-4"
+          type="text"
+          placeholder="아이디"
+          name="IU_ID"
+          id="IU_ID"
+        />
+        <input
+          class="ml-4"
+          type="text"
+          placeholder="아이디"
+          name="IU_ID"
+          id="IU_ID"
+        />
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">로그인</span>
+        </button>
+        <button class="ml-4" mat-flat-button [color]="'primary'">
+          <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
+          <span class="ml-2 mr-1">회원가입</span>
+        </button>
       </div>
     </div>
+
     <div>
       <!-- Cards -->
       <div class="flex justify-center mt-10 sm:mt-20">
diff --git a/src/app/modules/user/main/main.module.ts b/src/app/modules/user/main/main.module.ts
index e2bc0b9..240bf6e 100644
--- a/src/app/modules/user/main/main.module.ts
+++ b/src/app/modules/user/main/main.module.ts
@@ -2,6 +2,8 @@ import { NgModule } from '@angular/core';
 import { Route, RouterModule } from '@angular/router';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
+import { MatFormFieldModule } from '@angular/material/form-field';
+
 import { FuseCardModule } from '@fuse/components/card';
 import { SharedModule } from 'app/shared/shared.module';
 
@@ -20,6 +22,7 @@ const mainRoutes: Route[] = [
     RouterModule.forChild(mainRoutes),
     MatButtonModule,
     MatIconModule,
+    MatFormFieldModule,
     FuseCardModule,
     SharedModule,
   ],