josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (#250) Improved responsivness of auto layout

Browse Source
This commit is contained in:
Alicia Sykes
2021-10-02 21:51:24 +01:00
parent 76de2b96f4
commit c8ec18a6a7
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Home.vue
View File

@@ -266,6 +266,15 @@ export default {
flex-direction: row;
}
}
&.orientation-horizontal, &.orientation-vertical {
@include phone { --content-max-width: 100%; }
@include tablet { --content-max-width: 98%; }
@include laptop { --content-max-width: 90%; }
@include monitor { --content-max-width: 85%; }
@include big-screen { --content-max-width: 80%; }
@include big-screen-up { --content-max-width: 60%; }
max-width: var(--content-max-width, 90%);
}
/* Specify number of columns, based on screen size or user preference */
@include phone { --col-count: 1; }