Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 14:52:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

verrical nav bars colors changed

Browse source
This commit is contained in:
nklhrstv 2020-02-24 12:40:17 +02:00
parent e2ba05f4a7
commit ad3b00136b
2 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/common/NavBar/VerticalNavBar/NavTabButton/styles.less
View file

@ -1,16 +1,17 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
.nav-tab-button-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0.5rem;
&:hover {
background-color: var(--color-secondary);
}
&:global(.selected) {
background-color: var(--color-background);
background-color: @color-secondary-dark4;
}
&:hover {
background-color: @color-secondary-dark3;
}
.icon {
@ -18,13 +19,16 @@
width: 1.5rem;
height: 1.5rem;
margin-bottom: 0.5rem;
fill: var(--color-surfacelighter);
fill: @color-secondaryvariant2-light2;
}
.label {
flex: none;
max-height: 1.2em;
font-size: 0.85rem;
color: var(--color-surfacelighter);
max-height: 2.4em;
padding: 0 0.5rem;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
color: @color-surface-light5;
}
}

4
src/common/NavBar/VerticalNavBar/styles.less
View file

@ -1,7 +1,9 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
.vertical-nav-bar-container {
width: var(--vertical-nav-bar-size);
padding: 1rem 0;
background-color: var(--color-backgroundlighter);
background-color: @color-background;
overflow-y: auto;
scrollbar-width: none;