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:
@@ -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}}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user