mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-21 03:22:11 +00:00
Merge branch 'development' into feat/player-side-drawer
This commit is contained in:
commit
a0be48bf7e
3 changed files with 13 additions and 11 deletions
|
|
@ -21,7 +21,6 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
outline: none;
|
outline: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
margin-right: 0.75rem;
|
|
||||||
outline-width: var(--focus-outline-size);
|
outline-width: var(--focus-outline-size);
|
||||||
outline-color: @color-surface-light5;
|
outline-color: @color-surface-light5;
|
||||||
outline-offset: calc(-1 * var(--focus-outline-size));
|
outline-offset: calc(-1 * var(--focus-outline-size));
|
||||||
|
|
|
||||||
|
|
@ -4,10 +4,10 @@
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 1rem 1.5rem;
|
padding: 0.7rem 1.5rem;
|
||||||
border-radius: var(--border-radius);
|
border-radius: 2.5rem;
|
||||||
transition: 0.3s all ease-in-out;
|
transition: 0.3s all ease-in-out;
|
||||||
background-color: transparent;
|
background-color: var(--overlay-color);
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
.actions {
|
.actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
margin-right: 5rem;
|
padding-right: 4rem;
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -100,7 +100,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--overlay-color);
|
border: 2px solid var(--overlay-color);
|
||||||
|
|
||||||
.actions {
|
.actions {
|
||||||
.delete {
|
.delete {
|
||||||
|
|
@ -114,13 +114,11 @@
|
||||||
|
|
||||||
@media only screen and (max-width: @minimum) {
|
@media only screen and (max-width: @minimum) {
|
||||||
.item {
|
.item {
|
||||||
padding: 1rem 0.5rem;
|
padding: 0.7rem 1rem;
|
||||||
|
|
||||||
.actions {
|
.actions {
|
||||||
margin-right: 4rem;
|
|
||||||
|
|
||||||
.delete {
|
.delete {
|
||||||
right: 0.5rem;
|
right: 1rem;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,8 @@
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-between;
|
||||||
|
padding: 0 3rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
|
|
@ -16,6 +17,10 @@
|
||||||
color: var(--primary-foreground-color);
|
color: var(--primary-foreground-color);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
|
|
||||||
|
&:last-of-type {
|
||||||
|
padding-right: 3rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue