diff --git a/packages/frontend/src/components/MkInput.vue b/packages/frontend/src/components/MkInput.vue index f72e1429f..a55003da2 100644 --- a/packages/frontend/src/components/MkInput.vue +++ b/packages/frontend/src/components/MkInput.vue @@ -78,9 +78,9 @@ const inputEl = shallowRef(); const prefixEl = shallowRef(); const suffixEl = shallowRef(); const height = - props.small ? 34 : - props.large ? 40 : - 37; + props.small ? 33 : + props.large ? 39 : + 36; const focus = () => inputEl.value.focus(); const onInput = (ev: KeyboardEvent) => { diff --git a/packages/frontend/src/components/MkRange.vue b/packages/frontend/src/components/MkRange.vue index 7b3e168bf..a1ee6367a 100644 --- a/packages/frontend/src/components/MkRange.vue +++ b/packages/frontend/src/components/MkRange.vue @@ -173,7 +173,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => { $thumbWidth: 20px; > .body { - padding: 8px 12px; + padding: 7px 12px; background: var(--panel); border: solid 1px var(--panel); border-radius: 6px; diff --git a/packages/frontend/src/components/MkSelect.vue b/packages/frontend/src/components/MkSelect.vue index c0ab781b0..12099153e 100644 --- a/packages/frontend/src/components/MkSelect.vue +++ b/packages/frontend/src/components/MkSelect.vue @@ -65,9 +65,9 @@ const prefixEl = ref(null); const suffixEl = ref(null); const container = ref(null); const height = - props.small ? 34 : - props.large ? 40 : - 37; + props.small ? 33 : + props.large ? 39 : + 36; const focus = () => inputEl.value.focus(); const onInput = (ev) => {