Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 09:59:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add skip bar

Browse source
This commit is contained in:
Kentai Radiquum 2025-04-10 16:46:44 +05:00
parent ad6aba06d3
commit 50b9f5b918
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 73 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/components/ReleasePlayer/MediaPlayer.module.css
View file

@ -38,11 +38,20 @@
position: absolute;
height: calc(2 * var(--base));
line-height: calc(2 * var(--base));
bottom: calc(1 * var(--base));
bottom: calc(2 * var(--base));
left: var(--base);
right: var(--base);
}
.media-skip-bar {
position: absolute;
height: calc(1 * var(--base));
line-height: calc(2 * var(--base));
bottom: calc(1 * var(--base));
left: calc(1.25 * var(--base));
right: var(--base);
}
.media-button {
--media-control-hover-background: var(--_secondary-color);
--media-tooltip-background: rgb(28 28 28 / 0.24);
@ -56,6 +65,11 @@
transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.media-skip-bar .media-button {
width: calc(1.5 * var(--base));
height: calc(1.5 * var(--base));
}
.svg {
fill: none;
stroke: var(--_primary-color, #fff);
@ -122,7 +136,7 @@
min-height: var(--media-settings-menu-min-height, 170px);
position: absolute;
right: 10px;
bottom: calc(3 * var(--base));
bottom: calc(4 * var(--base));
padding: 0;
padding-block: calc(0.15 * var(--base));
padding-inline: calc(0.6 * var(--base));