refactor(css): toast sistem iz dupliranih <style> blokova u main.css
Toast obaveštenja (.toast, .toast-greska, .toast-uspeh, .toast.nestaje, @keyframes toastIn/Out) bila su identično duplirana u podesavanja.html i podesavanja_opste.html. Izdvojeno jednom u main.css; uklonjeno iz oba <style> bloka. Obe strane idu kroz base.html (učitavaju main.css), pa rade nepromenjeno. Standalone .greska (prijava/totp_provera/setup) NAMERNO ostavljene — te strane ne učitavaju main.css (samostalne, minimalne).
This commit is contained in:
@@ -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.
|
||||
|
||||
Reference in New Issue
Block a user