From 2b04d97cc7b8277ac47b4383e54498b9040daa3b Mon Sep 17 00:00:00 2001 From: ADARSH <64017655+0x0806@users.noreply.github.com> Date: Sat, 5 Jul 2025 21:11:13 +0530 Subject: [PATCH] Update style.css --- style.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/style.css b/style.css index d4972da..934f889 100644 --- a/style.css +++ b/style.css @@ -996,6 +996,38 @@ body { margin: 20px 0 12px 0; } + +/* Notifications */ +.notification { + position: fixed; + top: 20px; + right: 20px; + padding: 12px 20px; + border-radius: var(--border-radius); + color: white; + font-weight: 500; + z-index: 3000; + transform: translateX(100%); + transition: transform 0.3s ease-out; + max-width: 300px; +} + +.notification.show { + transform: translateX(0); +} + +.notification.success { + background: linear-gradient(135deg, #10b981, #059669); +} + +.notification.error { + background: linear-gradient(135deg, #ef4444, #dc2626); +} + +.notification.warning { + background: linear-gradient(135deg, #f59e0b, #d97706); +} + .preview-content h3 { color: var(--text-primary); font-size: 18px;