From f4efd60ca04533ff1fff8c9f912c88c6063b3828 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 01:07:03 +0200
Subject: [PATCH] =?UTF-8?q?refactor(css):=20toast=20sistem=20iz=20dupliran?=
 =?UTF-8?q?ih=20<style>=20blokova=20u=20main.css=20Toast=20obave=C5=A1tenj?=
 =?UTF-8?q?a=20(.toast,=20.toast-greska,=20.toast-uspeh,=20.toast.nestaje,?=
 =?UTF-8?q?=20@keyframes=20toastIn/Out)=20bila=20su=20identi=C4=8Dno=20dup?=
 =?UTF-8?q?lirana=20u=20podesavanja.html=20i=20podesavanja=5Fopste.html.?=
 =?UTF-8?q?=20Izdvojeno=20jednom=20u=20main.css;=20uklonjeno=20iz=20oba=20?=
 =?UTF-8?q?<style>=20bloka.=20Obe=20strane=20idu=20kroz=20base.html=20(u?=
 =?UTF-8?q?=C4=8Ditavaju=20main.css),=20pa=20rade=20nepromenjeno.=20Standa?=
 =?UTF-8?q?lone=20.greska=20(prijava/totp=5Fprovera/setup)=20NAMERNO=20ost?=
 =?UTF-8?q?avljene=20=E2=80=94=20te=20strane=20ne=20u=C4=8Ditavaju=20main.?=
 =?UTF-8?q?css=20(samostalne,=20minimalne).?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/static/css/main.css                       | 29 +++++++++++++++++++
 web/templates/stranice/podesavanja.html       |  6 ----
 web/templates/stranice/podesavanja_opste.html |  7 -----
 3 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/web/static/css/main.css b/web/static/css/main.css
index ba99dfc..7a9bac4 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -723,6 +723,35 @@ select {
     color: var(--greska);
 }
 
+/* toast obaveštenja (npr. povratna informacija posle upload-a) */
+.toast {
+    position: fixed;
+    bottom: 24px;
+    right: 24px;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 18px;
+    border-radius: 10px;
+    font-size: 13px;
+    font-weight: 500;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+    animation: toastIn 0.3s ease forwards;
+    max-width: 340px;
+}
+.toast-greska { background: #fef2f2; color: #dc2626; border: 0.5px solid #fca5a5; }
+.toast-uspeh { background: #f0fdf4; color: #16a34a; border: 0.5px solid #86efac; }
+.toast.nestaje { animation: toastOut 0.3s ease forwards; }
+@keyframes toastIn {
+    from { opacity: 0; transform: translateY(12px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+@keyframes toastOut {
+    from { opacity: 1; transform: translateY(0); }
+    to { opacity: 0; transform: translateY(12px); }
+}
+
 /* ============================================================
    Komponente forme i tabela — zamena za ponavljane inline stilove.
    Cilj: čitljiviji template, jedno mesto istine za izgled.
diff --git a/web/templates/stranice/podesavanja.html b/web/templates/stranice/podesavanja.html
index 653a202..f3d48ce 100644
--- a/web/templates/stranice/podesavanja.html
+++ b/web/templates/stranice/podesavanja.html
@@ -11,12 +11,6 @@
     .custom-file-label { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--pozadina); border: 0.5px solid var(--ivica); border-radius: 8px; font-size: 13px; color: var(--tekst-sporedni); cursor: pointer; transition: border-color 0.2s; min-width: 0; overflow: hidden; }
     .custom-file-label:hover { border-color: var(--sb-akcent); color: var(--tekst-glavni); }
     .custom-file-label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-    .toast { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 10px; font-size: 13px; font-weight: 500; box-shadow: 0 4px 20px rgba(0,0,0,0.15); animation: toastIn 0.3s ease forwards; max-width: 340px; }
-    .toast-greska { background: #fef2f2; color: #dc2626; border: 0.5px solid #fca5a5; }
-    .toast-uspeh { background: #f0fdf4; color: #16a34a; border: 0.5px solid #86efac; }
-    @keyframes toastIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
-    @keyframes toastOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(12px); } }
-    .toast.nestaje { animation: toastOut 0.3s ease forwards; }
 </style>
 {{end}}
 
diff --git a/web/templates/stranice/podesavanja_opste.html b/web/templates/stranice/podesavanja_opste.html
index 1931284..a554917 100644
--- a/web/templates/stranice/podesavanja_opste.html
+++ b/web/templates/stranice/podesavanja_opste.html
@@ -6,13 +6,6 @@
 <style>
     .animiraj:nth-child(1) { animation-delay: 0.10s; }
     .animiraj:nth-child(2) { animation-delay: 0.16s; }
-
-    .toast { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 10px; font-size: 13px; font-weight: 500; box-shadow: 0 4px 20px rgba(0,0,0,0.15); animation: toastIn 0.3s ease forwards; max-width: 340px; }
-    .toast-greska { background: #fef2f2; color: #dc2626; border: 0.5px solid #fca5a5; }
-    .toast-uspeh { background: #f0fdf4; color: #16a34a; border: 0.5px solid #86efac; }
-    @keyframes toastIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
-    @keyframes toastOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(12px); } }
-    .toast.nestaje { animation: toastOut 0.3s ease forwards; }
 </style>
 {{end}}