Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-19 02:06:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

pull development

Browse source
This commit is contained in:
nklhrstv 2020-03-25 09:47:45 +02:00
commit 22f629d592
4 changed files with 46 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -27,7 +27,7 @@
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1.5rem 3rem;
padding: 1.5rem;
overflow: visible;
.add-button-container {
@ -141,7 +141,7 @@
.addons-list-container {
flex: 1;
align-self: stretch;
padding: 0 3rem;
padding: 0 1.5rem;
overflow-y: auto;
.addon {

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

@ -40,7 +40,7 @@
flex-grow: 0;
flex-shrink: 1;
flex-basis: 15rem;
height: 3rem;
height: 3.5rem;
margin-right: 1.5rem;
&:nth-child(n+4) {
@ -62,8 +62,8 @@
display: none;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
width: 3.5rem;
height: 3.5rem;
background-color: @color-background;
&:not(:nth-last-child(2)) {
@ -72,8 +72,8 @@
.filter-icon {
flex: none;
width: 1.2rem;
height: 1.2rem;
width: 1.4rem;
height: 1.4rem;
fill: @color-secondaryvariant1;
}
}
@ -84,11 +84,11 @@
.pagination-input-container {
flex: none;
height: 3rem;
height: 3.5rem;
.pagination-prev-button-container, .pagination-next-button-container {
width: 3rem;
height: 3rem;
width: 3.5rem;
height: 3.5rem;
.pagination-button-icon {
width: 1rem;
@ -267,10 +267,9 @@
"catalog-content-area";
.catalog-content-container {
margin-right: 0;
.meta-items-container {
grid-template-columns: repeat(5, 1fr);
margin-right: 0;
}
}

41
src/routes/Intro/PasswordResetModal/styles.less
View file

@ -1,24 +1,51 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
:import('~stremio/common/ModalDialog/styles.less') {
password-reset-modal-content: modal-dialog-content;
cancel-button-label: label;
}
.password-reset-modal-container {
.credentials-text-input {
width: 25rem;
padding: 1rem;
border: thin solid @color-surface-dark1-90;
.password-reset-modal-content {
width: 30rem;
.credentials-text-input {
width: 100%;
padding: 1rem;
color: @color-surface-dark5;
outline: var(--focus-outline-size) solid @color-surface-light2;
outline-offset: calc(-1 * var(--focus-outline-size));
&:hover {
outline-color: @color-surface-light4;
}
&:focus {
outline-color: @color-background-dark5;
}
}
}
.error-message {
font-size: 1.1rem;
margin-top: 2rem;
text-align: center;
color: @color-accent2-90;
color: @color-accent5-90;
}
.cancel-button {
background-color: @color-surface-dark1;
background-color: transparent;
&:hover {
background-color: @color-surface;
background-color: @color-surface-light3;
}
&:focus {
outline-color: @color-background-dark5;
}
.cancel-button-label {
color: @color-surface-dark2;
}
}
}

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

@ -28,7 +28,7 @@
flex-grow: 0;
flex-shrink: 1;
flex-basis: 15rem;
height: 3rem;
height: 3.5rem;
&:not(:last-child) {
margin-right: 1.5rem;