diff --git a/index.html b/index.html
index 2fe7159..a5424ba 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,12 @@
+
+
+
NCue | 개인 링크 홈
-
+
+
본문으로 건너뛰기
diff --git a/script.js b/script.js
index a229054..17ec516 100644
--- a/script.js
+++ b/script.js
@@ -455,16 +455,24 @@
el.btnLogin.disabled = false;
el.btnLogout.disabled = false;
- // 간편 로그인 버튼 노출 (connection이 설정되어 있고, 미로그인 상태)
+ // 간편 로그인 버튼 노출
+ // - 설정 전(로그인 설정 필요)에도 디자인이 보이도록 영역은 항상 노출
+ // - connection이 없으면 클릭 시 설정 모달을 띄움(핸들러에서 처리)
const cfg = getAuthConfig();
- const showQuick = enabled && !auth.user;
- const g = showQuick && Boolean(cfg.connections.google);
- const k = showQuick && Boolean(cfg.connections.kakao);
- const n = showQuick && Boolean(cfg.connections.naver);
- if (el.btnGoogle) el.btnGoogle.hidden = !g;
- if (el.btnKakao) el.btnKakao.hidden = !k;
- if (el.btnNaver) el.btnNaver.hidden = !n;
- if (el.snsLogin) el.snsLogin.hidden = !(g || k || n);
+ const showQuick = !auth.user;
+ if (el.snsLogin) el.snsLogin.hidden = !showQuick;
+ if (el.btnGoogle) {
+ el.btnGoogle.hidden = !showQuick;
+ el.btnGoogle.classList.toggle("is-disabled", !cfg.connections.google);
+ }
+ if (el.btnKakao) {
+ el.btnKakao.hidden = !showQuick;
+ el.btnKakao.classList.toggle("is-disabled", !cfg.connections.kakao);
+ }
+ if (el.btnNaver) {
+ el.btnNaver.hidden = !showQuick;
+ el.btnNaver.classList.toggle("is-disabled", !cfg.connections.naver);
+ }
}
function applyManageLock() {
diff --git a/styles.css b/styles.css
index 3209c51..d5a5bd7 100644
--- a/styles.css
+++ b/styles.css
@@ -218,6 +218,11 @@ html[data-theme="light"] .topbar {
transition: transform 120ms ease, filter 120ms ease;
}
+.sns-btn.is-disabled {
+ opacity: 0.55;
+ filter: grayscale(0.2);
+}
+
.sns-btn:hover {
transform: translateY(-1px);
filter: brightness(1.02);