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

media queries in Discover changed

Browse source
This commit is contained in:
nklhrstv 2020-03-29 14:27:13 +03:00
parent 474d3771af
commit aef6719d85
1 changed files with 108 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -250,110 +250,120 @@
}
}
// @media only screen and (min-width: @xxlarge) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(10, 1fr);
// }
// }
// }
// }
// }
@media only screen and (min-width: @xxlarge) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(10, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @xxlarge) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(9, 1fr);
// }
// }
// }
// }
// }
@media only screen and (max-width: @xxlarge) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(9, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @xlarge) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(8, 1fr);
// }
// }
// }
// }
// }
@media only screen and (max-width: @xlarge) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(8, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @large) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(7, 1fr);
// }
// }
// }
// }
// }
@media only screen and (max-width: @large) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(7, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @normal) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(6, 1fr);
// }
// }
// }
// }
// }
@media only screen and (max-width: @normal) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(6, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @medium) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(5, 1fr);
// }
// }
// }
// }
// }
@media only screen and (max-width: @medium) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(5, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @small) {
// .discover-container {
// .discover-content {
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(4, 1fr);
// }
// }
// }
// }
// }
@media only screen and (max-width: @small) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(4, 1fr);
}
}
}
}
}
// @media only screen and (max-width: @xsmall) {
// .discover-container {
// .discover-content {
// grid-template-columns: 1fr;
// grid-template-rows: auto auto 1fr;
// grid-template-areas:
// "selectable-inputs-area"
// "missing-addon-warning-container"
// "catalog-content-area";
@media only screen and (max-width: @xsmall) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(5, 1fr);
margin-right: 0;
}
}
// .catalog-content-container {
// .meta-items-container {
// grid-template-columns: repeat(5, 1fr);
// margin-right: 0;
// }
// }
.meta-preview-container {
display: none;
}
}
}
}
// .meta-preview-container {
// display: none;
// }
// }
// }
// }
@media only screen and (max-width: @minimum) {
.discover-container {
.discover-content {
.catalog-container {
.meta-items-container {
grid-template-columns: repeat(4, 1fr);
margin-right: 0;
}
}
.meta-preview-container {
display: none;
}
}
}
}