diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-12 23:13:58 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-12 23:13:58 +0900 |
| commit | c0c64a2d5d99e0c99a1c0d1f00016285f3e2d94d (patch) | |
| tree | 234362a56af2f4a47bc77396f00ddf05819ec025 /src/client/components/form | |
| parent | fix bug (diff) | |
| download | sharkey-c0c64a2d5d99e0c99a1c0d1f00016285f3e2d94d.tar.gz sharkey-c0c64a2d5d99e0c99a1c0d1f00016285f3e2d94d.tar.bz2 sharkey-c0c64a2d5d99e0c99a1c0d1f00016285f3e2d94d.zip | |
Tweak UI
Diffstat (limited to 'src/client/components/form')
| -rw-r--r-- | src/client/components/form/base.vue | 2 | ||||
| -rw-r--r-- | src/client/components/form/input.vue | 2 | ||||
| -rw-r--r-- | src/client/components/form/radios.vue | 4 | ||||
| -rw-r--r-- | src/client/components/form/range.vue | 2 | ||||
| -rw-r--r-- | src/client/components/form/select.vue | 2 | ||||
| -rw-r--r-- | src/client/components/form/switch.vue | 2 |
6 files changed, 7 insertions, 7 deletions
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; > * { |