blacklight
/
platypush
forked from platypush/platypush
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set a max-width: 600px for group containers.

This commit is contained in:
Fabio Manganiello 2023-05-01 01:22:02 +02:00
parent 1e43866978
commit a3839e637d
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
platypush/backend/http/webapp/src/components/panels/Entities/Index.vue
View File

@ -464,6 +464,10 @@ export default {
background: transparent;
border: 0;
@include until($tablet) {
padding-right: 0;
}
&:hover {
color: $default-hover-fg;
}
@ -480,13 +484,15 @@ export default {
width: 100%;
height: calc(100% - #{$selector-height});
overflow: auto;
@include until($tablet) {
padding: 0.5em;
}
}
.groups-container {
@include until(#{$desktop - 1}) {
display: flex;
flex-direction: column;
align-items: center;
}
@include from($desktop) {
column-count: var(--groups-per-row);
}
@ -494,13 +500,14 @@ export default {
.group {
width: 100%;
max-width: 600px;
max-height: 100%;
position: relative;
padding: $main-margin 0;
display: flex;
break-inside: avoid;
@include from ($tablet) {
@include from($tablet) {
padding: $main-margin;
}