summaryrefslogtreecommitdiff
path: root/src/client/components/form
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-04-12 23:13:58 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-04-12 23:13:58 +0900
commitc0c64a2d5d99e0c99a1c0d1f00016285f3e2d94d (patch)
tree234362a56af2f4a47bc77396f00ddf05819ec025 /src/client/components/form
parentfix bug (diff)
downloadsharkey-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.vue2
-rw-r--r--src/client/components/form/input.vue2
-rw-r--r--src/client/components/form/radios.vue4
-rw-r--r--src/client/components/form/range.vue2
-rw-r--r--src/client/components/form/select.vue2
-rw-r--r--src/client/components/form/switch.vue2
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;
> * {