kunkun-extensions-mirror/kunkunsh-kunkun-ext-neohtop
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun-ext-neohtop.git synced 2025-04-04 09:46:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed title bar animation

Browse Source
This commit is contained in:
Abdenasser 2025-02-26 18:20:03 +00:00
parent 44e54a645d
commit 8269d6f95a
1 changed files with 3 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/lib/components/TitleBar.svelte
View File

@ -5,7 +5,6 @@
<div class="title"> <div class="title">
<img src="/32x32.png" alt="NeoHtop" class="app-icon" /> <img src="/32x32.png" alt="NeoHtop" class="app-icon" />
<div class="neon">NeoHtop</div> <div class="neon">NeoHtop</div>
<div class="scanlines"></div>
</div> </div>
</div> </div>
@ -35,79 +34,12 @@
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: var(--text); color: var(--text);
text-shadow:
0 0 5px var(--text),
0 0 10px var(--text),
0 0 20px var(--blue),
0 0 40px var(--blue),
0 0 80px var(--blue);
animation: flicker 3s infinite alternate;
}
@keyframes flicker {
0%,
19.999%,
22%,
62.999%,
64%,
64.999%,
70%,
100% {
opacity: 1;
text-shadow:
0 0 5px var(--text),
0 0 10px var(--text),
0 0 20px var(--blue),
0 0 40px var(--blue),
0 0 80px var(--blue);
}
20%,
21.999%,
63%,
63.999%,
65%,
69.999% {
opacity: 0.4;
text-shadow: none;
}
}
.scanlines {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
transparent 50%,
rgba(0, 0, 0, 0.2) 51%
);
background-size: 100% 4px;
animation: scanlines 0.6s steps(40) infinite;
pointer-events: none;
}
@keyframes scanlines {
from {
transform: translateY(0);
}
to {
transform: translateY(2px);
}
}
@media screen and (prefers-reduced-motion: reduce) {
.neon,
.scanlines {
animation: none;
}
} }
.app-icon { .app-icon {
width: 16px; width: 24px;
height: 16px; height: 24px;
margin-right: 8px; margin-right: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }