natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

feat: Make scrollable widgets flexible

This commit is contained in:
freeplay 2023-06-25 18:19:37 -04:00
parent 6809c2fcbc
commit cc1b34d3e5
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/client/src/components/MkContainer.vue
View File

@ -196,6 +196,7 @@ export default defineComponent({
&.scrollable {
display: flex;
flex-direction: column;
flex-grow: 1;
> .content {
overflow: auto;

5
packages/client/src/components/MkWidgets.vue
View File

@ -172,6 +172,9 @@ function onContextmenu(widget: Widget, ev: MouseEvent) {
<style lang="scss" scoped>
.vjoppmmu {
display: flex;
flex-direction: column;
flex-grow: 1;
> header {
margin: 16px 0;
@ -184,7 +187,7 @@ function onContextmenu(widget: Widget, ev: MouseEvent) {
> .widget,
.customize-container {
contain: content;
margin: var(--margin) 0;
margin-bottom: var(--margin);
&:first-of-type {
margin-top: 0;

8
packages/client/src/ui/universal.widgets.vue
View File

@ -88,9 +88,11 @@ function updateWidgets(widgets) {
min-height: 100vh;
padding: var(--margin) 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
> * {
margin: var(--margin) 0;
margin-top: var(--margin);
width: 300px;
&:first-child {
@ -98,6 +100,10 @@ function updateWidgets(widgets) {
}
}
.a:empty {
display: none;
}
> .add {
margin: 0 auto;
}