diff --git a/static/css/index.css b/static/css/index.css index b10518b..9224adb 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -202,6 +202,7 @@ body { } .welcome-container { + position: relative; width: 90%; max-width: 900px; z-index: 1; @@ -210,6 +211,31 @@ body { overflow: hidden; } +.welcome-settings-btn { + position: absolute; + top: 12px; + right: 12px; + z-index: 2; + background: none; + border: none; + cursor: pointer; + padding: 6px; + border-radius: 6px; + color: var(--text-dim, rgba(255, 255, 255, 0.3)); + transition: color 0.2s, background 0.2s; +} + +.welcome-settings-btn:hover { + color: var(--accent-cyan, #00d4ff); + background: rgba(255, 255, 255, 0.05); +} + +.welcome-settings-btn svg { + width: 20px; + height: 20px; + display: block; +} + @keyframes welcomeFadeIn { from { opacity: 0; diff --git a/templates/index.html b/templates/index.html index 019da83..955e7eb 100644 --- a/templates/index.html +++ b/templates/index.html @@ -195,6 +195,12 @@