Skip to content

Commit

Permalink
Merge pull request #93 from obb8923/master
Browse files Browse the repository at this point in the history
signin css
obb8923 authored May 20, 2024
2 parents df82ddf + 2e111eb commit 5d9eb2a
Showing 4 changed files with 40 additions and 3 deletions.
6 changes: 5 additions & 1 deletion front/src/components/SignIn.js
Original file line number Diff line number Diff line change
@@ -52,7 +52,11 @@ function SignIn(){

return (<>
<div className={styles.signInBody}>
<div className={styles.logo}></div>
<div className={styles.logoNameBox}>
<span className={styles.signInLogoName}>"문향"</span>
<span className={styles.subLogoName}>문자의 향기를 찾아보세요</span>
</div>
{/* <div className={styles.logo}></div> */}
<div className={styles.buttonBox}>
{/* 메인화면으로 이동 버튼 */}
<button className={styles.toMainButton}onClick={()=>{navigate('/')}}>메인화면으로 이동하기</button>
33 changes: 31 additions & 2 deletions front/src/css/SignIn.module.css
Original file line number Diff line number Diff line change
@@ -7,7 +7,10 @@ html{
height:80vh;
min-width: 233px;
margin:auto auto;
box-shadow: 0px 0px 5px #444;
/* box-shadow: 0px 0px 5px #444; */
border: solid 1px #000 ;
border-radius: 5px;
background-color: #fff;
display:flex;
flex-direction: column;
justify-content: space-around;
@@ -20,6 +23,17 @@ html{
background-image: url("../imgs/logo.svg");
background-size: cover;
}
.signInLogoName{
font-size:3em;
padding-bottom: 10px;

}
.logoNameBox{
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items: center;
}
.form{
display: flex;
flex-direction: column;
@@ -37,7 +51,7 @@ html{
min-height:100px;
}

.toMainbutton{
.toMainButton{
border-radius: 48px;
font-size :1.1em;
border:1px solid #E3E5E5;
@@ -46,6 +60,12 @@ html{
justify-content: center; /* 가로 중앙 정렬 */
background-color: #fff;
padding: 10px 35px;
font-family: 'GyeonggiBatang',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
}
.toMainButton:hover{
cursor:pointer;
}
.googleButton{
border-radius: 48px;
@@ -56,11 +76,20 @@ html{
justify-content: center; /* 가로 중앙 정렬 */
background-color: #fff;
padding: 10px 35px;

}
.googleButton:hover{
cursor: pointer;
}
.googleButton svg{
margin-right: 10px; /* 로고와 텍스트 사이의 간격 조정 */
}

.googleButton span{
font-size: 1.1em; /* 텍스트 글자 크기 조정 */
font-family:'GyeonggiBatang',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;font:'GyeonggiBatang',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
}
Empty file added front/src/imgs/anno.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions front/src/imgs/prof.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 5d9eb2a

Please sign in to comment.