Skip to content

[김정우] Sprint3 #167

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
GANGYIKIM merged 11 commits into from
Mar 31, 2025
Merged

[김정우] Sprint3 #167

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
763c6ca
.DS_Store 삭제
Mar 26, 2025
afd5491
styleLogin.css change auth.css
Mar 26, 2025
f6a8395
create global.css
Mar 26, 2025
4153bdc
add label tag, add class tag
Mar 26, 2025
4871da8
modified all button in auth.css, index/login/signup.html
Mar 26, 2025
53d83a4
modified tag from insa to advice
Mar 26, 2025
d7aac42
modified title
Mar 26, 2025
826b935
add media query in style.css , modified some tag
Mar 29, 2025
2092805
add media query in auth.css, add/modified some tag
Mar 29, 2025
63cfcd7
plus placeholder in input
Mar 29, 2025
ab7d91a
@media query add margin 100px
Mar 29, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file removed .DS_Store
View file
Open in desktop
Binary file not shown.
4 changes: 4 additions & 0 deletions .gitignore
View file
Open in desktop
Copy link
Collaborator

@GANGYIKIM GANGYIKIM Mar 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 칭찬
깃에 올라가지 않을 파일을 관리해주시는 것 좋습니다~

Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
.DS_Store
._.DS_Store
**/.DS_Store
**/._.DS_Store
118 changes: 81 additions & 37 deletions styleLogin.css → auth.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,66 +1,91 @@
* {
box-sizing: border-box;
}

html {
font-family: Pretendard, sans-serif;
word-break: keep-all;
}

.content {
width: 640px;
max-width: 640px;
margin: 100px auto;
}

.head-img {
text-align: center;
padding: 20px;
}

.pandaMarketImg {
width: 396px;
height: 132px;
max-width: 396px;
width: 100%;
height: auto;
}

.input-content {
display: flex;
flex-direction: column;
gap: 20px;
}

.userName-label {
font-size: 16px;
font-weight: 700;
}

#userName {
.userName {
background-color: #f3f4f6;
width: 640px;
max-width: 640px;
height: 56px;
border-radius: 12px;
border: none;
font-size: 16px;
padding: 0 20px;
font-weight: 400;
padding-left: 20px;
}

#userPassword {
.userPassword-label {
font-size: 16px;
font-weight: 700;
}

.userPassword {
background-color: #f3f4f6;
width: 640px;
max-width: 640px;
height: 56px;
border-radius: 12px;
border: none;
font-size: 16px;
padding: 0 20px;
font-weight: 400;
padding-left: 20px;
}

.content-login {
border: none;
.checkPassword-label {
font-size: 16px;
font-weight: 700;
}

.checkPassword {
background-color: #f3f4f6;
max-width: 640px;
height: 56px;
width: 640px;
border-radius: 40px;
margin: 20px 0;
border-radius: 12px;
border: none;
font-size: 16px;
font-weight: 400;
padding-left: 20px;
}

.content-login {
display: flex;
justify-content: center;
padding: 12px 0;
background-color: #3692FF;
font-size: 20px;
font-weight: 600;
line-height: 32px;
text-align: center

}

.login-button {
text-decoration: none;
color: #F3F4F6;
color: #f3f4f6;
border: none;
border-radius: 40px;
background-color: #3692ff;
font-size: 20px;
font-weight: 600;
line-height: 32px;
width: 100%;
height: 56px;
cursor: pointer;
}

.blue-section {
Expand All @@ -81,7 +106,7 @@ html {

.social-links {
display: flex;
gap: 12px;
gap: 12px;
list-style: none;
}

Expand All @@ -96,24 +121,43 @@ html {
justify-content: center;
}

.insa {
.advice {
font-size: 14px;
font-weight: 500;
}

.membership {
Comment on lines +124 to 129
Copy link
Collaborator

@GANGYIKIM GANGYIKIM Mar 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💊 제안
디자인상에서는 이 두 태그 사이의 간격이 있습니다~
4px 정도 여백을 주셔서 디자인과 동일하게 구현해보세요!

스크린샷 2025-03-31 오후 3 12 50

font-size: 14px;
font-weight: 500;
color: #3692FF;
color: #3692ff;
}

#nicname {
.nicname-label {
font-size: 16px;
font-weight: 700;
}

.nicname {
background-color: #f3f4f6;
width: 640px;
max-width: 640px;
height: 56px;
border-radius: 12px;
border: none;
font-size: 16px;
padding: 0 20px;
font-weight: 400;
}
padding-left: 20px;
}

@media (max-width: 767px) and (min-width: 375px) {
Copy link
Collaborator

@GANGYIKIM GANGYIKIM Mar 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💊 제안
min-width가 조건에 걸려있어 375px 미만으로 화면이 작아지게 되면 PC 스타일이 적용되네요~
body에 min-width: 375px를 추가하셔서 해당 사이즈 미만으로 작아지게 되면 가로 스크롤이 생기게 해주시거나
아니라면 min-width를 조건문에서 빼주시는 것을 추천드려요~

.content {
max-width: 400px;
width: 100%;
padding: 0 16px;
margin: 100px auto;
}
.pandaMarketImg {
max-width: 197px;
height: auto;
width: 100%;
}
}
8 changes: 8 additions & 0 deletions global.css
View file
Open in desktop
Copy link
Collaborator

@GANGYIKIM GANGYIKIM Mar 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 칭찬
공통으로 사용되는 스타일들 따로 빼주신 점 좋아요!

Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
* {
box-sizing: border-box;
}

html {
font-family: Pretendard, sans-serif;
word-break: keep-all;
}
Loading
Loading