Kizuren/uLinkShortener
1
0
Fork 0
mirror of https://github.com/Kizuren/uLinkShortener.git synced 2026-01-03 13:14:19 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

finished µLinkShortener v2

Browse source
This commit is contained in:
MarcUs7i 2025-07-11 00:59:08 +02:00
parent ef76ad92ec
commit 71bdd08da9
117 changed files with 10892 additions and 1685 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/components/ui/Toast.module.css Normal file
View file

@ -0,0 +1,57 @@
.toastContainer {
position: fixed;
top: 20px;
right: 20px;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 10px;
max-width: 350px;
}
.toast {
padding: 12px 20px;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 0.9rem;
cursor: pointer;
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.3s, transform 0.3s;
}
.toast.error {
background-color: var(--error);
color: white;
border-left: 4px solid #c62828;
}
.toast.success {
background-color: var(--success);
color: white;
border-left: 4px solid #2e7d32;
}
.toast.info {
background-color: var(--accent);
color: white;
border-left: 4px solid var(--accent-hover);
}
.toast.warning {
background-color: var(--warning);
color: white;
border-left: 4px solid #f57c00;
}
.toastShow {
opacity: 1;
transform: translateY(0);
animation: fadeOut 2s forwards;
animation-delay: 1s;
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}