summaryrefslogtreecommitdiff
path: root/packages/client/src/components/form/switch.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-11-28 20:07:37 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-11-28 20:07:37 +0900
commite8005c8d3a6edf2c8cdce3fe098fb9acff8a57c6 (patch)
tree4283a0a36f5cb03f0fb3a534142c06783f8ff725 /packages/client/src/components/form/switch.vue
parent/antennas/notes API で日付による絞り込みができるようにする... (diff)
downloadmisskey-e8005c8d3a6edf2c8cdce3fe098fb9acff8a57c6.tar.gz
misskey-e8005c8d3a6edf2c8cdce3fe098fb9acff8a57c6.tar.bz2
misskey-e8005c8d3a6edf2c8cdce3fe098fb9acff8a57c6.zip
client: refine ui
Diffstat (limited to 'packages/client/src/components/form/switch.vue')
-rw-r--r--packages/client/src/components/form/switch.vue12
1 files changed, 8 insertions, 4 deletions
diff --git a/packages/client/src/components/form/switch.vue b/packages/client/src/components/form/switch.vue
index d6df68a07f..239303a55a 100644
--- a/packages/client/src/components/form/switch.vue
+++ b/packages/client/src/components/form/switch.vue
@@ -18,7 +18,7 @@
</span>
<span class="label">
<span><slot></slot></span>
- <p><slot name="caption"></slot></p>
+ <p class="caption"><slot name="caption"></slot></p>
</span>
</div>
</template>
@@ -118,10 +118,14 @@ export default defineComponent({
transition: inherit;
}
- > p {
- margin: 0;
+ > .caption {
+ margin: 8px 0 0 0;
color: var(--fgTransparentWeak);
- font-size: 90%;
+ font-size: 0.85em;
+
+ &:empty {
+ display: none;
+ }
}
}