mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-17 07:18:04 +08:00
31 lines
661 B
Vue
31 lines
661 B
Vue
<template>
|
|
<div class="layout-row" :class="{ 'scrollable-x': scrollableX, 'scrollable-y': scrollableY }" :data-scrollable-x="scrollableX || null" :data-scrollable-y="scrollableY || null">
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.layout-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
|
|
.spacer {
|
|
flex: 1 1 100%;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, PropType } from "vue";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
scrollableX: { type: Boolean as PropType<boolean>, default: false },
|
|
scrollableY: { type: Boolean as PropType<boolean>, default: false },
|
|
},
|
|
});
|
|
</script>
|