diff --git a/index.html b/index.html index e37d77a..0d83f58 100644 --- a/index.html +++ b/index.html @@ -79,6 +79,44 @@ #branchSelect option[value="__toggle_users__"]:hover { background: rgba(90, 209, 255, 0.1); } + + /* Toast notification styles */ + .toast { + position: fixed; + bottom: 20px; + right: 20px; + background: var(--card); + border: 1px solid var(--accent); + border-radius: 10px; + padding: 12px 16px; + color: var(--text); + font-size: 14px; + z-index: 1000; + max-width: 400px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + transform: translateX(450px); + transition: transform 0.3s ease-in-out; + } + + .toast.show { + transform: translateX(0); + } + + .toast .toast-close { + position: absolute; + top: 8px; + right: 8px; + background: none; + border: none; + color: var(--muted); + cursor: pointer; + font-size: 16px; + padding: 2px; + } + + .toast .toast-close:hover { + color: var(--text); + } @@ -120,6 +158,7 @@