Buriburizaemon/nodewarden
1
0
Fork 0
mirror of https://github.com/shuaiplus/nodewarden.git synced 2026-06-22 21:50:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update toast close button with SVG icon and improve styling

Browse Source
This commit is contained in:
shuaiplus
2026-06-16 21:48:48 +08:00
parent 7e0406f751
commit 8f2704fd41
8 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/src/styles/overlays.css
+19 -4
View File
@@ -209,14 +209,29 @@
}
.toast-close {
@apply cursor-pointer border-0 bg-transparent text-xl;
@apply flex cursor-pointer items-center justify-center border-0;
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 8px;
background: transparent;
color: inherit;
transition: transform var(--dur-fast) var(--ease-out-soft), opacity var(--dur-fast) var(--ease-smooth);
-webkit-tap-highlight-color: transparent;
transition: background 120ms ease, opacity 120ms ease;
}
.toast-close:hover {
transform: scale(1.08);
opacity: 0.84;
background: rgba(0, 0, 0, 0.08);
}
.toast-close:active {
background: rgba(0, 0, 0, 0.14);
}
.toast-close:focus-visible {
outline: 2px solid currentColor;
outline-offset: -2px;
border-radius: 8px;
}
.toast-progress {