diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-16 20:53:53 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-16 20:53:53 +0900 |
| commit | fbb0cc686ef76563ac2996b8cf1fd8194d70e533 (patch) | |
| tree | d8ec556899e49560b6ca653503e192c86cf80662 /packages/client/src | |
| parent | fix(server): fix bind of method (diff) | |
| download | sharkey-fbb0cc686ef76563ac2996b8cf1fd8194d70e533.tar.gz sharkey-fbb0cc686ef76563ac2996b8cf1fd8194d70e533.tar.bz2 sharkey-fbb0cc686ef76563ac2996b8cf1fd8194d70e533.zip | |
chore(client): tweak style
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/components/form/input.vue | 6 | ||||
| -rw-r--r-- | packages/client/src/components/form/select.vue | 6 | ||||
| -rw-r--r-- | packages/client/src/components/ui/button.vue | 35 |
3 files changed, 24 insertions, 23 deletions
diff --git a/packages/client/src/components/form/input.vue b/packages/client/src/components/form/input.vue index 1cc3912178..2a03d6a5d4 100644 --- a/packages/client/src/components/form/input.vue +++ b/packages/client/src/components/form/input.vue @@ -77,9 +77,9 @@ const inputEl = ref<HTMLElement>(); const prefixEl = ref<HTMLElement>(); const suffixEl = ref<HTMLElement>(); const height = - props.small ? 38 : - props.large ? 42 : - 40; + props.small ? 36 : + props.large ? 40 : + 38; const focus = () => inputEl.value.focus(); const onInput = (ev: KeyboardEvent) => { diff --git a/packages/client/src/components/form/select.vue b/packages/client/src/components/form/select.vue index fe8c08cd6c..78282dfdc1 100644 --- a/packages/client/src/components/form/select.vue +++ b/packages/client/src/components/form/select.vue @@ -63,9 +63,9 @@ const prefixEl = ref(null); const suffixEl = ref(null); const container = ref(null); const height = - props.small ? 38 : - props.large ? 42 : - 40; + props.small ? 36 : + props.large ? 40 : + 38; const focus = () => inputEl.value.focus(); const onInput = (ev) => { diff --git a/packages/client/src/components/ui/button.vue b/packages/client/src/components/ui/button.vue index e6b20d9881..5f5d6d42ed 100644 --- a/packages/client/src/components/ui/button.vue +++ b/packages/client/src/components/ui/button.vue @@ -1,5 +1,6 @@ <template> -<button v-if="!link" class="bghgjjyj _button" +<button + v-if="!link" class="bghgjjyj _button" :class="{ inline, primary, gradate, danger, rounded, full }" :type="type" @click="$emit('click', $event)" @@ -10,7 +11,8 @@ <slot></slot> </div> </button> -<MkA v-else class="bghgjjyj _button" +<MkA + v-else class="bghgjjyj _button" :class="{ inline, primary, gradate, danger, rounded, full }" :to="to" @mousedown="onMousedown" @@ -29,56 +31,56 @@ export default defineComponent({ props: { type: { type: String, - required: false + required: false, }, primary: { type: Boolean, required: false, - default: false + default: false, }, gradate: { type: Boolean, required: false, - default: false + default: false, }, rounded: { type: Boolean, required: false, - default: false + default: false, }, inline: { type: Boolean, required: false, - default: false + default: false, }, link: { type: Boolean, required: false, - default: false + default: false, }, to: { type: String, - required: false + required: false, }, autofocus: { type: Boolean, required: false, - default: false + default: false, }, wait: { type: Boolean, required: false, - default: false + default: false, }, danger: { type: Boolean, required: false, - default: false + default: false, }, full: { type: Boolean, required: false, - default: false + default: false, }, }, emits: ['click'], @@ -127,8 +129,8 @@ export default defineComponent({ window.setTimeout(() => { if (this.$refs.ripples) this.$refs.ripples.removeChild(ripple); }, 2000); - } - } + }, + }, }); </script> @@ -142,8 +144,7 @@ export default defineComponent({ padding: 8px 14px; text-align: center; font-weight: normal; - font-size: 0.9em; - line-height: 22px; + font-size: 1em; box-shadow: none; text-decoration: none; background: var(--buttonBg); |