mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Enhance skip button design

Browse source
This commit is contained in:
viown 2025-03-08 12:33:28 +03:00
parent 40e1c97507
commit 6329e272b4
1 changed files with 5 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/playback/skipbutton.scss
View file

@ -2,27 +2,21 @@
display: flex; display: flex;
align-items: center; align-items: center;
position: fixed; position: fixed;
bottom: 18%; bottom: 8rem;
right: 16%; right: 6rem;
z-index: 10000; z-index: 10000;
padding: 12px 20px; padding: 12px 20px;
color: black; background-color: #303030;
color: rgba(255, 255, 255, 0.87);
border: none; border: none;
border-radius: 100px; border-radius: 0.2em;
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;
gap: 3px; gap: 3px;
box-shadow: 7px 6px 15px -14px rgba(0, 0, 0, 0.65);
cursor: pointer; cursor: pointer;
} }
@media (orientation: landscape) and (max-height: 500px) {
.skip-button {
bottom: 27%;
}
}
.no-transition { .no-transition {
transition: none; transition: none;
} }