summaryrefslogtreecommitdiff
path: root/src/client/components/form/base.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-09-30 00:50:45 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-09-30 00:50:45 +0900
commit1ac1a968b9edd801aa13e8dae56ca378744d9e2e (patch)
tree858fc2a3f93db6590334e1056fc4a93814c8cfcc /src/client/components/form/base.vue
parentadd todo (diff)
downloadmisskey-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.vue65
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>