Skip to content

Commit

Permalink
Merge pull request #227 from in27sung/main_13
Browse files Browse the repository at this point in the history 
css
  • Loading branch information
@yeeezin
yeeezin authored Dec 20, 2024
2 parents b1951fa + f676df2 commit 12ba1f3
Show file tree
Hide file tree
Showing 4 changed files with 256 additions and 32 deletions.
134 changes: 122 additions & 12 deletions stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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}">
Expand All @@ -22,37 +121,48 @@
<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"
placeholder="사업자 등록 번호 (예: 123-45-67890)"
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>
<button type="submit">비즈니스 등록</button>
</div>

</form>

</div>

</div>

</body>
</html>
</html>
125 changes: 119 additions & 6 deletions stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
21 changes: 10 additions & 11 deletions stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
justify-content: center;
position: relative;
top: -50px;
left:20px;
}
.login-box {
width: 410px;
Expand Down Expand Up @@ -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%;
Expand All @@ -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>
Expand All @@ -135,6 +129,8 @@
<c:if test="${not empty successMessage}">
<div class="success-banner">${successMessage}</div>
</c:if>



<div class="container">

Expand All @@ -143,6 +139,8 @@
<img alt="" src="../resources/css/stockmate-removebg-preview.png">
</a>
</div>



<div class="login-box">
<form id="loginForm" method="post">
Expand All @@ -159,6 +157,7 @@
<a href="/user/signup">회원가입</a>
<a href="/user/findpassword">비밀번호 찾기</a>
</div>
<div class="footer">회사 정보 - 사업자 번호, 연락처 등 추가 정보</div>
</div>
</div>
</body>
Expand Down
Loading

0 comments on commit 12ba1f3

Please sign in to comment.