jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

🐛 Improve resposivnes

Browse Source
This commit is contained in:
Meierschlumpf
2023-01-04 19:06:19 +01:00
parent afe3e2fc39
commit d439ba1842
6 changed files with 244 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/global.scss
View File

@@ -59,7 +59,7 @@
transition: none;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 1400px) {
@for $i from 1 to 7 {
.grid-stack>.grid-stack-item[gs-w="#{$i}"] { width: percentage(($i / 6)) !important }
.grid-stack>.grid-stack-item[gs-min-w="#{$i}"] { min-width: percentage(($i / 6)) !important }
@@ -73,4 +73,20 @@
.grid-stack>.grid-stack-item {
min-width: percentage(1/6) !important;
}
}
@media screen and (max-width: 768px) {
@for $i from 1 to 4 {
.grid-stack>.grid-stack-item[gs-w="#{$i}"] { width: percentage(($i / 3)) !important }
.grid-stack>.grid-stack-item[gs-min-w="#{$i}"] { min-width: percentage(($i / 3)) !important }
.grid-stack>.grid-stack-item[gs-max-w="#{$i}"] { max-width: percentage(($i / 3)) !important }
}
@for $i from 1 to 4 {
.grid-stack>.grid-stack-item[gs-x="#{$i}"] { left: percentage(($i / 3)) }
}
.grid-stack>.grid-stack-item {
min-width: percentage(1/3) !important;
}
}