diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-30 00:50:45 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-30 00:50:45 +0900 |
| commit | 1ac1a968b9edd801aa13e8dae56ca378744d9e2e (patch) | |
| tree | 858fc2a3f93db6590334e1056fc4a93814c8cfcc /src/client/components/form/base.vue | |
| parent | add todo (diff) | |
| download | misskey-1ac1a968b9edd801aa13e8dae56ca378744d9e2e.tar.gz misskey-1ac1a968b9edd801aa13e8dae56ca378744d9e2e.tar.bz2 misskey-1ac1a968b9edd801aa13e8dae56ca378744d9e2e.zip | |
refactor components
Diffstat (limited to 'src/client/components/form/base.vue')
| -rw-r--r-- | src/client/components/form/base.vue | 65 |
1 files changed, 0 insertions, 65 deletions
diff --git a/src/client/components/form/base.vue b/src/client/components/form/base.vue deleted file mode 100644 index 132942d527..0000000000 --- a/src/client/components/form/base.vue +++ /dev/null @@ -1,65 +0,0 @@ -<template> -<div class="rbusrurv" :class="{ wide: forceWide }" v-size="{ max: [400] }"> - <slot></slot> -</div> -</template> - -<script lang="ts"> -import { defineComponent } from 'vue'; - -export default defineComponent({ - props: { - forceWide: { - type: Boolean, - required: false, - default: false, - } - } -}); -</script> - -<style lang="scss" scoped> -.rbusrurv { - // 他のCSSからも参照されるので消さないように - --formXPadding: 32px; - --formYPadding: 32px; - - --formContentHMargin: 16px; - - font-size: 95%; - line-height: 1.3em; - background: var(--bg); - padding: var(--formYPadding) var(--formXPadding); - max-width: 750px; - margin: 0 auto; - - &:not(.wide).max-width_400px { - --formXPadding: 0px; - - > ::v-deep(*) { - ._formPanel { - border: solid 0.5px var(--divider); - border-radius: 0; - border-left: none; - border-right: none; - } - - ._form_group { - > *:not(._formNoConcat) { - &:not(:last-child):not(._formNoConcatPrev) { - &._formPanel, ._formPanel { - border-bottom: solid 0.5px var(--divider); - } - } - - &:not(:first-child):not(._formNoConcatNext) { - &._formPanel, ._formPanel { - border-top: none; - } - } - } - } - } - } -} -</style> |