20266142/The-Full-Hue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

jumping bug & spell check

Browse Source
This commit is contained in:
Samantha
2026-05-10 00:03:20 +09:00
parent 261fd93ce5
commit 9f1f881a88
4 changed files with 40 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/QuoteToast.svelte
View File

@@ -16,24 +16,27 @@
<style>
.toast {
position: absolute;
bottom: 22px;
right: 18px;
width: 230px;
padding: 10px 13px;
background: rgba(8, 8, 8, 0.88);
border-left: 3px solid;
color: #ccc;
top: 30px;
left: 50%;
transform: translateX(-50%);
width: 380px;
padding: 5px 20px;
background: rgba(6, 6, 6, 0.60);
border-bottom: 2px solid var(--accent);
color: rgba(255, 255, 255, 0.85);
font-family: 'Courier New', Courier, monospace;
font-size: 12.5px;
line-height: 1.55;
font-size: 13px;
line-height: 1.5;
text-align: center;
letter-spacing: 0.02em;
pointer-events: none;
animation: toastIn 4.2s ease forwards;
z-index: 20;
}
@keyframes toastIn {
0% { opacity: 0; transform: translateX(14px); }
12% { opacity: 1; transform: translateX(0); }
0% { opacity: 0; transform: translateX(-50%) translateY(-8px); }
12% { opacity: 1; transform: translateX(-50%) translateY(0); }
78% { opacity: 1; }
100% { opacity: 0; }
}