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

MetaDetails meta info media queries added

Browse source
This commit is contained in:
svetlagasheva 2020-03-27 18:14:56 +02:00
parent f53247edfe
commit a112e58179
1 changed files with 61 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
src/routes/MetaDetails/styles.less
View file

@ -1,4 +1,5 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
@import (reference) '~stremio/common/screen-sizes.less';
:import('~stremio/common/MetaPreview/styles.less') {
meta-info-container: meta-info-container;
@ -46,10 +47,6 @@
.meta-preview {
flex: 1;
align-self: stretch;
.meta-info-container {
width: 34rem;
}
}
.videos-list, .streams-list {
@ -60,4 +57,64 @@
align-self: stretch;
}
}
}
@media only screen and (min-width: @large) {
.metadetails-container {
.metadetails-content {
.meta-preview {
.meta-info-container {
width: 58rem;
}
}
}
}
}
@media only screen and (max-width: @large) {
.metadetails-container {
.metadetails-content {
.meta-preview {
.meta-info-container {
width: 48rem;
}
}
}
}
}
@media only screen and (max-width: @medium) {
.metadetails-container {
.metadetails-content {
.meta-preview {
.meta-info-container {
width: 40rem;
}
}
}
}
}
@media only screen and (max-width: @small) {
.metadetails-container {
.metadetails-content {
.meta-preview {
.meta-info-container {
width: 34rem;
}
}
}
}
}
@media only screen and (max-width: @xsmall) {
.metadetails-container {
.metadetails-content {
.meta-preview {
.meta-info-container {
width: 30rem;
}
}
}
}
}