2018-11-04 05:23:28 +00:00
|
|
|
<template>
|
2018-11-14 07:30:58 +00:00
|
|
|
<div class="vnxwkwuf" :class="{ inputs, noGrow }">
|
2018-11-04 05:23:28 +00:00
|
|
|
<slot></slot>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import Vue from 'vue';
|
|
|
|
|
export default Vue.extend({
|
|
|
|
|
provide: {
|
|
|
|
|
horizonGrouped: true
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
inputs: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
required: false,
|
|
|
|
|
default: false
|
2018-11-14 07:30:58 +00:00
|
|
|
},
|
|
|
|
|
noGrow: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
required: false,
|
|
|
|
|
default: false
|
2018-11-04 05:23:28 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="stylus" scoped>
|
2018-11-14 07:30:58 +00:00
|
|
|
.vnxwkwuf
|
2018-11-22 23:01:14 +00:00
|
|
|
margin 16px 0
|
|
|
|
|
|
2018-11-04 05:23:28 +00:00
|
|
|
&.inputs
|
|
|
|
|
margin 32px 0
|
|
|
|
|
|
2018-11-22 23:01:14 +00:00
|
|
|
&.fit-top
|
|
|
|
|
margin-top 0
|
|
|
|
|
|
|
|
|
|
&.fit-bottom
|
|
|
|
|
margin-bottom 0
|
|
|
|
|
|
2018-11-14 07:30:58 +00:00
|
|
|
&:not(.noGrow)
|
|
|
|
|
display flex
|
|
|
|
|
|
|
|
|
|
> *
|
|
|
|
|
flex 1
|
2018-12-03 00:43:07 +00:00
|
|
|
min-width 0 !important
|
2018-11-04 05:23:28 +00:00
|
|
|
|
2018-11-14 07:30:58 +00:00
|
|
|
> *:not(:last-child)
|
2018-11-22 23:01:14 +00:00
|
|
|
margin-right 16px !important
|
|
|
|
|
|
2018-11-04 05:23:28 +00:00
|
|
|
</style>
|
