Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-05-10 11:20:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

style(ui): adjust side panel border-radii and center main background image

Browse source 
- Remove border-radius from side panels where they meet the screen edges to ensure a flush, "docked" appearance against the viewport wall.
- Center the main background image for better visual placement on small screens.
This commit is contained in:
David 2026-04-25 13:58:32 +02:00 committed by GitHub
parent e2177938d1
commit 4e66a60e11
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Discover/styles.less
View file

@ -214,7 +214,7 @@
align-self: stretch;
width: 29rem;
padding: 2rem 2.5rem;
border-radius: var(--border-radius) 0 0 var(--border-radius);
border-radius: var(--border-radius) 0 0 0;
background-color: var(--modal-background-color);
}
}

4
src/routes/MetaDetails/styles.less
View file

@ -32,7 +32,7 @@
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left;
object-position: center;
opacity: 0.3;
}
}
@ -102,7 +102,7 @@
.videos-list, .streams-list {
flex: 0 0 30rem;
align-self: stretch;
border-radius: var(--border-radius) 0 0 var(--border-radius);
border-radius: var(--border-radius) 0 0 0;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(15px);
}

2
src/routes/Player/SideDrawer/SideDrawer.less
View file

@ -18,8 +18,6 @@
max-width: 35rem;
overflow-y: auto;
position: relative;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20);
backdrop-filter: blur(15px);