ncue/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update SNS quick login design

Browse Source 
Match the requested SNS quick login layout with a title and circular provider icons for Naver/Kakao/Google.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dsyoon
2026-02-07 18:12:40 +09:00
parent 9c978f7316
commit 516e374a50
2 changed files with 36 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@@ -73,15 +73,17 @@
</div>
<div class="sns-login" id="snsLogin" hidden>
<span class="sns-label">SNS 간편로그인</span>
<button class="sns-btn sns-naver" id="btnNaver" type="button" hidden aria-label="네이버로 로그인">
<span class="sns-letter">N</span>
</button>
<button class="sns-btn sns-kakao" id="btnKakao" type="button" hidden aria-label="카카오로 로그인">
<span class="sns-kakao-bubble" aria-hidden="true"></span>
</button>
<button class="sns-btn sns-google" id="btnGoogle" type="button" hidden aria-label="구글로 로그인">
<span class="sns-google-g">G</span>
</button>
<div class="sns-row">
<button class="sns-btn sns-naver" id="btnNaver" type="button" hidden aria-label="네이버로 로그인">
<span class="sns-letter">N</span>
</button>
<button class="sns-btn sns-kakao" id="btnKakao" type="button" hidden aria-label="카카오로 로그인">
<span class="sns-kakao-bubble" aria-hidden="true"></span>
</button>
<button class="sns-btn sns-google" id="btnGoogle" type="button" hidden aria-label="구글로 로그인">
<span class="sns-google-g">G</span>
</button>
</div>
</div>
<button class="btn" id="btnLogin" type="button">로그인</button>
<button class="btn" id="btnLogout" type="button" hidden>로그아웃</button>