fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-25 12:58:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Move scrollable behavior into LayoutRow/LayoutCol

Browse Source
This commit is contained in:
Keavon Chambers
2022-01-22 23:02:59 -08:00
parent 3bf5023ef8
commit 45d75bd13f
11 changed files with 153 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/layout/LayoutCol.vue
+8 -3
View File
@@ -1,5 +1,5 @@
<template>
<div :class="['layout-col']">
<div class="layout-col" :class="{ 'scrollable-x': scrollableX, 'scrollable-y': scrollableY }">
<slot></slot>
</div>
</template>
@@ -19,7 +19,12 @@
</style>
<script lang="ts">
import { defineComponent } from "vue";
import { defineComponent, PropType } from "vue";
export default defineComponent({});
export default defineComponent({
props: {
scrollableX: { type: Boolean as PropType<boolean>, default: false },
scrollableY: { type: Boolean as PropType<boolean>, default: false },
},
});
</script>
frontend/src/components/layout/LayoutRow.vue
+8 -3
View File
@@ -1,5 +1,5 @@
<template>
<div :class="['layout-row']">
<div class="layout-row" :class="{ 'scrollable-x': scrollableX, 'scrollable-y': scrollableY }">
<slot></slot>
</div>
</template>
@@ -19,7 +19,12 @@
</style>
<script lang="ts">
import { defineComponent } from "vue";
import { defineComponent, PropType } from "vue";
export default defineComponent({});
export default defineComponent({
props: {
scrollableX: { type: Boolean as PropType<boolean>, default: false },
scrollableY: { type: Boolean as PropType<boolean>, default: false },
},
});
</script>