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

set share modal width in addons screen

Browse source
This commit is contained in:
svetlagasheva 2020-03-10 15:40:49 +02:00
parent c0748a20c0
commit 412353f865
2 changed files with 49 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/SharePrompt/styles.less
View file

@ -1,8 +1,6 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
.share-prompt-container {
min-width: 30rem;
.buttons-container {
display: flex;
flex-direction: row;

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

@ -5,7 +5,7 @@
}
:import('~stremio/common/ModalDialog/styles.less') {
add-addon-modal-content: modal-dialog-content;
addon-modal-content: modal-dialog-content;
cancel-button-label: label;
}
@ -161,7 +161,7 @@
}
.add-addon-modal-container {
.add-addon-modal-content {
.addon-modal-content {
width: 30rem;
.notice {
@ -207,59 +207,62 @@
}
.share-modal-container {
.title-container {
display: flex;
flex-direction: row;
align-items: center;
.addon-modal-content {
width: 30rem;
.logo, .icon {
flex: none;
float: left;
width: 5rem;
height: 5rem;
margin-right: 1.5rem;
padding: 0.5rem;
}
.logo {
object-fit: contain;
object-position: center;
}
.icon {
fill: @color-secondaryvariant1-light3;
}
.name-container {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
.title-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
.name {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.5rem;
font-size: 1.6rem;
color: @color-background-dark5-90;
align-items: center;
.logo, .icon {
flex: none;
float: left;
width: 5rem;
height: 5rem;
margin-right: 1.5rem;
padding: 0.5rem;
}
.version {
.logo {
object-fit: contain;
object-position: center;
}
.icon {
fill: @color-secondaryvariant1-light3;
}
.name-container {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
color: @color-background-dark5-60;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
.name {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.5rem;
font-size: 1.6rem;
color: @color-background-dark5-90;
}
.version {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
color: @color-background-dark5-60;
}
}
}
}
.share-prompt-container {
margin-top: 1rem;
.share-prompt-container {
margin-top: 1rem;
}
}
}