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

remove(app styles): variable which was repeated

Browse source 
- var(--selectable-inputs-assumed-height) removed in favor of reusing
var(--top-overlay-size)
- fixed the bottom overlay size
This commit is contained in:
Timothy Z. 2024-12-21 22:11:13 +02:00
parent fb1a043e1d
commit 96ceafa458
4 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/App/styles.less
View file

@ -18,9 +18,8 @@
@html-height: ~"min(100lvh, calc(100% + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)))";
@html-width: ~"min(100lvw, calc(100% + env(safe-area-inset-right, 0px) + env(safe-area-inset-left, 0px)))";
@selectable-inputs-assumed-height: 5.25rem;
@top-overlay-size: @selectable-inputs-assumed-height;
@bottom-overlay-size: calc(1rem + env(safe-area-inset-bottom, 0rem));
@top-overlay-size: 5.25rem;
@bottom-overlay-size: calc(3rem + env(safe-area-inset-bottom, 0rem));
@overlap-size: 3rem;
@transparency-grandient-pad: 6rem;
@ -52,11 +51,10 @@
--outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37);
--border-radius: 0.75rem;
--calculated-bottom-safe-inset: @calculated-bottom-safe-inset;
--selectable-inputs-assumed-height: 5.25rem;
--top-overlay-size: @selectable-inputs-assumed-height;
--bottom-overlay-size: calc(1rem + env(safe-area-inset-bottom, 0rem));
--overlap-size: 3rem;
--transparency-grandient-pad: 6rem;
--top-overlay-size: @top-overlay-size;
--bottom-overlay-size: @bottom-overlay-size;
--overlap-size: @overlap-size;
--transparency-grandient-pad: @transparency-grandient-pad;
}
* {

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

@ -34,9 +34,9 @@
align-self: stretch;
.addons-list-container {
margin-top: calc(var(--selectable-inputs-assumed-height) * -1);
margin-top: calc(var(--top-overlay-size) * -1);
padding: 0 1.5rem;
padding-top: var(--selectable-inputs-assumed-height);
padding-top: var(--top-overlay-size);
padding-bottom: var(--bottom-overlay-size);
mask: linear-gradient(

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

@ -34,9 +34,9 @@
flex-direction: column;
.meta-items-container {
margin-top: calc(var(--selectable-inputs-assumed-height) * -1);
margin-top: calc(var(--top-overlay-size) * -1);
padding: 0 1.5rem;
padding-top: var(--selectable-inputs-assumed-height);
padding-top: var(--top-overlay-size);
padding-bottom: var(--bottom-overlay-size);
mask: linear-gradient(

6
src/routes/Library/styles.less
View file

@ -18,7 +18,7 @@
.library-content {
--selectable-inputs-assumed-height: 80px;
--top-overlay-size: var(--selectable-inputs-assumed-height);
--top-overlay-size: var(--top-overlay-size);
--bottom-vertical-nav-bar-size: 0px;
--bottom-overlay-size: calc(var(--bottom-vertical-nav-bar-size) + env(safe-area-inset-bottom, 0px));
--overlap-size: 3rem;
@ -31,9 +31,9 @@
flex-direction: column;
.meta-items-container {
margin-top: calc(var(--selectable-inputs-assumed-height) * -1);
margin-top: calc(var(--top-overlay-size) * -1);
padding: 0 1.5rem;
padding-top: var(--selectable-inputs-assumed-height);
padding-top: var(--top-overlay-size);
padding-bottom: var(--bottom-overlay-size, 0px);
mask: linear-gradient(