From f676df2674c398504b8386960170cc16495e816d Mon Sep 17 00:00:00 2001
From: yeeezin <dkdgody2684@naver.com>
Date: Fri, 20 Dec 2024 10:12:12 +0900
Subject: [PATCH] css

---
 .../WEB-INF/views/business/register.jsp       | 134 ++++++++++++++++--
 .../webapp/WEB-INF/views/business/verify.jsp  | 125 +++++++++++++++-
 .../main/webapp/WEB-INF/views/user/signin.jsp |  21 ++-
 .../main/webapp/WEB-INF/views/user/signup.jsp |   8 +-
 4 files changed, 256 insertions(+), 32 deletions(-)
diff --git a/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp b/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
index 919e633..ad5ede6 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
@@ -6,11 +6,110 @@
 <html>
 <head>
 <meta charset="UTF-8">
-<title>회사 등록</title>
-<link rel="stylesheet" href="<c:url value='/resources/css/bannerStyle.css' />">
+<title>비즈니스 등록</title>
+<link rel="stylesheet" href="<c:url value='/resources/css/bannerStyle.css'/>">
+
+<style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+            background-color: #F2F2F2;
+        }
+        .container {
+           
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            top: -72px;
+         
+        } 
+        .login-box {
+            width: 410px;
+            height : 220px;
+               background: #fff;
+			    border-radius: 12px;
+			    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+			    padding: 30px 30px;
+			    text-align: center;
+            
+         
+        }
+
+        
+        .login-box input[type="text"]{
+            width: 100%;
+            height: 55px;
+            padding: 12px;
+            margin-bottom: 14px;
+            margin-top : 8px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            font-size: 14px;
+            box-sizing: border-box;
+            
+        }
+        .login-box button {
+            width: 100%;
+            padding: 12px;
+            background-color: #234582;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            font-weight: bold;
+            cursor: pointer;
+            margin-top: 10px;
+        }
+        .login-box button:hover {
+            background-color: #ed8620;
+        }
+        .footer {
+            text-align: center;
+            margin-top: 20px;
+            color: #666666;
+            font-size: 12px;
+        }
+     
+        
+        /* Fullscreen Header Section */
+		body {
+		    height: 100vh;
+		    display: flex;
+		    flex-direction: column;
+		    justify-content: center;
+		    align-items: center;
+		    background: linear-gradient(135deg, #1e3c72, #2a5298);
+		    color: #ffffff;
+		    text-align: center;
+		    position: relative;
+		}
+		
+		body::before {
+		    content: '';
+		    position: absolute;
+		    top: 0;
+		    left: 0;
+		    width: 100%;
+		    height: 100%;
+		    /* background: url('../resources/css/stockmate-removebg-preview.png') no-repeat center center/contain; */
+		    opacity: 0.1;
+		    z-index: 0;
+		}	
+		
+		.logo img{
+			width : 90%;
+			margin-bottom:-70px;
+		}
+		
+    </style>
 </head>
 <body>
-	<h1>비즈니스 등록</h1>
+
+<!-- http://localhost:8088/business/register -->
+
+	
 	
 	<%-- 에러 메시지 표시 --%>
 	<c:if test="${not empty errorMessage}">
@@ -22,12 +121,23 @@
 		<div class="success-banner">${successMessage}</div>
 	</c:if>
 
+<div class="container">
+
+<div class="logo">
+			<a href="http://localhost:8088/">
+				<img alt="" src="../resources/css/stockmate-removebg-preview.png">
+			</a>
+</div>
+	
+	<h2>비즈니스 등록</h2>
+	
     <!-- 비즈니스 등록 폼 -->
+    <div class="login-box">
     <form method="post" action="/business/register">
         
 		<!-- 사업자 등록 번호 -->
 		<div>
-		    <label for="businessNumber">사업자 등록 번호:</label>
+	
 		    <input type="text" 
 		           id="businessNumber" 
 		           name="businessNumber" 
@@ -35,17 +145,13 @@
 		           required 
 		           autofocus 
 		           pattern="^\d{3}-\d{2}-\d{5}$" 
-		           title="사업자 등록 번호는 '123-45-67890' 형식이어야 합니다."
-		           style="width: 250px;">
+		           title="사업자 등록 번호는 '123-45-67890' 형식이어야 합니다.">
 		</div>
-		<br>
-
-        <!-- 회사 이름 -->
+	        <!-- 회사 이름 -->
         <div>
-            <label for="businessName">회사 이름:</label>
+           
             <input type="text" id="businessName" name="businessName" placeholder="회사 이름" required>
         </div>
-        <br>
 
         <!-- 등록 버튼 -->
         <div>
@@ -53,6 +159,10 @@
         </div>
         
     </form>
+    
+  </div>
+  
+  </div>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp b/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
index db21b53..3ea11da 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
@@ -7,11 +7,109 @@
 <meta charset="UTF-8">
 <title>비즈니스 인증</title>
 <link rel="stylesheet" href="<c:url value='/resources/css/bannerStyle.css' />">
+
+
+<style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+            background-color: #F2F2F2;
+        }
+        .container {
+           
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            top: -72px;
+         
+        } 
+        .login-box {
+            width: 410px;
+            height : 220px;
+               background: #fff;
+			    border-radius: 12px;
+			    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+			    padding: 30px 30px;
+			    text-align: center;
+            
+         
+        }
+
+        
+        .login-box input[type="text"]{
+            width: 100%;
+            height: 55px;
+            padding: 12px;
+            margin-bottom: 14px;
+            margin-top : 8px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            font-size: 14px;
+            box-sizing: border-box;
+            
+        }
+        .login-box button {
+            width: 100%;
+            padding: 12px;
+            background-color: #234582;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            font-weight: bold;
+            cursor: pointer;
+            margin-top: 10px;
+        }
+        .login-box button:hover {
+            background-color: #ed8620;
+        }
+        .footer {
+            text-align: center;
+            margin-top: 20px;
+            color: #666666;
+            font-size: 12px;
+        }
+      
+        /* Fullscreen Header Section */
+		body {
+		    height: 100vh;
+		    display: flex;
+		    flex-direction: column;
+		    justify-content: center;
+		    align-items: center;
+		    background: linear-gradient(135deg, #1e3c72, #2a5298);
+		    color: #ffffff;
+		    text-align: center;
+		    position: relative;
+		}
+		
+		body::before {
+		    content: '';
+		    position: absolute;
+		    top: 0;
+		    left: 0;
+		    width: 100%;
+		    height: 100%;
+		    /* background: url('../resources/css/stockmate-removebg-preview.png') no-repeat center center/contain; */
+		    opacity: 0.1;
+		    z-index: 0;
+		}	
+		
+		.logo img{
+			width : 90%;
+			margin-bottom:-70px;
+		}
+		
+    </style>
+    
 </head>
 <body>
-    <h1>비즈니스 인증</h1>
 
-	<%-- 에러 메시지 표시 --%>
+ <!-- http://localhost:8088/business/verify -->
+ 
+ <%-- 에러 메시지 표시 --%>
 	<c:if test="${not empty errorMessage}">
 	    <div class="error-banner">${errorMessage}</div>
 	</c:if>
@@ -20,15 +118,30 @@
 	<c:if test="${not empty successMessage}">
 		<div class="success-banner">${successMessage}</div>
 	</c:if>
+ 
+ <div class="container">
+   
+	
+	<div class="logo">
+			<a href="http://localhost:8088/">
+				<img alt="" src="../resources/css/stockmate-removebg-preview.png">
+			</a>
+</div>
+
+<h2>비즈니스 인증</h2>
 
+<div class="login-box">
     <form action="/business/verify" method="post">
-        <label for="businessNumber">사업자 등록 번호:</label>
+   
         <input type="text" id="businessNumber" name="businessNumber" required placeholder="사업자 등록 번호">
-        <br><br>
-        <label for="businessName">회사명:</label>
+    
         <input type="text" id="businessName" name="businessName" required placeholder="회사 이름">
-        <br><br>
+      
         <button type="submit">비즈니스 인증</button>
     </form>
+    
+    </div>
+    
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp b/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
index 0a3e6d7..69464f1 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
@@ -22,7 +22,7 @@
             justify-content: center;
             position: relative;
             top: -50px;
-            
+            left:20px;
         } 
         .login-box {
             width: 410px;
@@ -107,13 +107,8 @@
 		    opacity: 0.1;
 		    z-index: 0;
 		}
-		            
-    .footer {
-        margin-top: 20px;
-        font-size: 12px;
-        color: #777777;
-        text-align: center;
-    }
+		
+		
 		
 		.logo img{
 			width : 90%;
@@ -123,10 +118,9 @@
     </style>
 </head>
 <body>
-      <div class="login-container">
-        <h2>로그인</h2>
 
-        <%-- 에러 메시지 표시 --%>
+
+    <%-- 에러 메시지 표시 --%>
 		<c:if test="${not empty errorMessage}">
 		    <div class="error-banner">${errorMessage}</div>
 		</c:if>
@@ -135,6 +129,8 @@
 		<c:if test="${not empty successMessage}">
 			<div class="success-banner">${successMessage}</div>
 		</c:if>
+		
+   
 
     <div class="container">
 		
@@ -143,6 +139,8 @@
 				<img alt="" src="../resources/css/stockmate-removebg-preview.png">
 			</a>
 		</div>
+		
+	
 
         <div class="login-box">
             <form id="loginForm" method="post">
@@ -159,6 +157,7 @@
                 <a href="/user/signup">회원가입</a>
                 <a href="/user/findpassword">비밀번호 찾기</a>
             </div>
+            <div class="footer">회사 정보 - 사업자 번호, 연락처 등 추가 정보</div>
         </div>
     </div>
 </body>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp b/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp
index 7c8f5dc..ef3f372 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp
@@ -132,7 +132,7 @@
             align-items: center;
             justify-content: center;
             position: relative;
-       	top: -35px;
+      	 	top: -35px;
          
         } 
         
@@ -183,7 +183,9 @@
         
         </div>
 
-       
+        <div class="footer">
+            회사 정보 - 사업자 번호, 연락처 등 유의 내용
+        </div>
     </div>
 </body>
-</html>
+</html>
\ No newline at end of file
