diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-30 21:47:48 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-30 21:47:48 +0900 |
| commit | 616b18a9e520aa5beee0719c1b92b13bb60c91b4 (patch) | |
| tree | 2f3bf9585a35b71b2757a1a3e06a10f6ee4ee14f /packages/client/src/components/form/split.vue | |
| parent | enhance: pizzaxでstreamingのuser storage updateイベントを監視して... (diff) | |
| download | misskey-616b18a9e520aa5beee0719c1b92b13bb60c91b4.tar.gz misskey-616b18a9e520aa5beee0719c1b92b13bb60c91b4.tar.bz2 misskey-616b18a9e520aa5beee0719c1b92b13bb60c91b4.zip | |
enhance(client): tweak ui
Diffstat (limited to 'packages/client/src/components/form/split.vue')
| -rw-r--r-- | packages/client/src/components/form/split.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/client/src/components/form/split.vue b/packages/client/src/components/form/split.vue new file mode 100644 index 0000000000..676b293967 --- /dev/null +++ b/packages/client/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> |