From c0c64a2d5d99e0c99a1c0d1f00016285f3e2d94d Mon Sep 17 00:00:00 2001 From: syuilo Date: Mon, 12 Apr 2021 23:13:58 +0900 Subject: Tweak UI --- src/client/components/form/base.vue | 2 +- src/client/components/form/input.vue | 2 +- src/client/components/form/radios.vue | 4 ++-- src/client/components/form/range.vue | 2 +- src/client/components/form/select.vue | 2 +- src/client/components/form/switch.vue | 2 +- 6 files changed, 7 insertions(+), 7 deletions(-) (limited to 'src/client/components') diff --git a/src/client/components/form/base.vue b/src/client/components/form/base.vue index b2e429d6bf..84438a5b32 100644 --- a/src/client/components/form/base.vue +++ b/src/client/components/form/base.vue @@ -24,7 +24,7 @@ export default defineComponent({ --formXPadding: 32px; --formYPadding: 32px; - line-height: 1.4em; + line-height: 1.3em; background: var(--bg); padding: var(--formYPadding) var(--formXPadding); diff --git a/src/client/components/form/input.vue b/src/client/components/form/input.vue index f0aa6b0534..c0fa3e716e 100644 --- a/src/client/components/form/input.vue +++ b/src/client/components/form/input.vue @@ -215,7 +215,7 @@ export default defineComponent({ } > .input { - $height: 52px; + $height: 48px; position: relative; > input { diff --git a/src/client/components/form/radios.vue b/src/client/components/form/radios.vue index 4561df32e1..3daa7e5bbd 100644 --- a/src/client/components/form/radios.vue +++ b/src/client/components/form/radios.vue @@ -69,8 +69,8 @@ export default defineComponent({ display: inline-block; vertical-align: bottom; position: relative; - width: 20px; - height: 20px; + width: 16px; + height: 16px; margin-right: 8px; background: none; border: 2px solid var(--inputBorder); diff --git a/src/client/components/form/range.vue b/src/client/components/form/range.vue index 3452184c55..65d665c70a 100644 --- a/src/client/components/form/range.vue +++ b/src/client/components/form/range.vue @@ -69,7 +69,7 @@ export default defineComponent({ position: relative; > .main { - padding: 24px 16px; + padding: 22px 16px; > input { display: block; diff --git a/src/client/components/form/select.vue b/src/client/components/form/select.vue index b865372f56..01f28587dc 100644 --- a/src/client/components/form/select.vue +++ b/src/client/components/form/select.vue @@ -97,7 +97,7 @@ export default defineComponent({ font: inherit; font-weight: normal; font-size: 1em; - height: 52px; + height: 48px; background: none; border: none; border-radius: 0; diff --git a/src/client/components/form/switch.vue b/src/client/components/form/switch.vue index a2941c5996..e7ef714c49 100644 --- a/src/client/components/form/switch.vue +++ b/src/client/components/form/switch.vue @@ -57,7 +57,7 @@ export default defineComponent({ > .main { position: relative; display: flex; - padding: 16px; + padding: 14px 16px; cursor: pointer; > * { -- cgit v1.2.3-freya