usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2024-10-01 12:09:14 +09:00
parent 0636d6b4fa
commit c3f1d27e2b
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/frontend/src/components/MkSignin.input.vue
View File

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div :class="$style.wrapper" data-cy-signin-page-input> <div :class="$style.wrapper" data-cy-signin-page-input>
<div class="_gaps" :class="$style.root"> <div :class="$style.root">
<div :class="$style.avatar" :style="{ marginBottom: message ? '1.5em' : undefined }"> <div :class="$style.avatar" :style="{ marginBottom: message ? '1.5em' : undefined }">
<i class="ti ti-user"></i> <i class="ti ti-user"></i>
</div> </div>
@ -44,7 +44,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<p :class="$style.orMsg">{{ i18n.ts.or }}</p> <p :class="$style.orMsg">{{ i18n.ts.or }}</p>
</div> </div>
<div> <div>
<MkButton type="submit" style="margin: auto auto;" rounded primary @click="emit('passkeyClick', $event)"> <MkButton type="submit" style="margin: auto auto;" rounded primary gradate @click="emit('passkeyClick', $event)">
<i class="ti ti-device-usb" style="font-size: medium;"></i>{{ i18n.ts.signinWithPasskey }} <i class="ti ti-device-usb" style="font-size: medium;"></i>{{ i18n.ts.signinWithPasskey }}
</MkButton> </MkButton>
</div> </div>
@ -56,18 +56,16 @@ SPDX-License-Identifier: AGPL-3.0-only
import { ref } from 'vue'; import { ref } from 'vue';
import { toUnicode } from 'punycode/'; import { toUnicode } from 'punycode/';
import { i18n } from '@/i18n.js';
import * as os from '@/os.js';
import { query, extractDomain } from '@@/js/url.js'; import { query, extractDomain } from '@@/js/url.js';
import { host as configHost } from '@@/js/config.js'; import { host as configHost } from '@@/js/config.js';
import type { OpenOnRemoteOptions } from '@/scripts/please-login.js';
import { i18n } from '@/i18n.js';
import * as os from '@/os.js';
import MkButton from '@/components/MkButton.vue'; import MkButton from '@/components/MkButton.vue';
import MkInput from '@/components/MkInput.vue'; import MkInput from '@/components/MkInput.vue';
import MkInfo from '@/components/MkInfo.vue'; import MkInfo from '@/components/MkInfo.vue';
import type { OpenOnRemoteOptions } from '@/scripts/please-login.js';
const props = withDefaults(defineProps<{ const props = withDefaults(defineProps<{
message?: string, message?: string,
openOnRemote?: OpenOnRemoteOptions, openOnRemote?: OpenOnRemoteOptions,
@ -145,11 +143,17 @@ async function specifyHostAndOpenRemote(options: OpenOnRemoteOptions): Promise<v
</script> </script>
<style lang="scss" module> <style lang="scss" module>
.root {
display: flex;
flex-direction: column;
gap: 20px;
}
.wrapper { .wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
min-height: 360px; min-height: 300px;
> .root { > .root {
width: 100%; width: 100%;