diff options
Diffstat (limited to 'packages/frontend/src/components/form/split.vue')
| -rw-r--r-- | packages/frontend/src/components/form/split.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/frontend/src/components/form/split.vue b/packages/frontend/src/components/form/split.vue new file mode 100644 index 0000000000..301a8a84e5 --- /dev/null +++ b/packages/frontend/src/components/form/split.vue @@ -0,0 +1,27 @@ +<template> +<div class="terlnhxf _formBlock"> + <slot></slot> +</div> +</template> + +<script lang="ts" setup> +const props = withDefaults(defineProps<{ + minWidth?: number; +}>(), { + minWidth: 210, +}); + +const minWidth = props.minWidth + 'px'; +</script> + +<style lang="scss" scoped> +.terlnhxf { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(v-bind('minWidth'), 1fr)); + grid-gap: 12px; + + > ::v-deep(*) { + margin: 0 !important; + } +} +</style> |