Tweak UI
This commit is contained in:
parent
0265c85ba3
commit
0cc4519fc0
2 changed files with 4 additions and 5 deletions
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<form class="eppvobhk _root" :class="{ signing, totpLogin }" @submit.prevent="onSubmit">
|
||||
<div class="auth">
|
||||
<form class="eppvobhk" :class="{ signing, totpLogin }" @submit.prevent="onSubmit">
|
||||
<div class="auth _root">
|
||||
<div class="avatar" :style="{ backgroundImage: user ? `url('${ user.avatarUrl }')` : null }" v-show="withAvatar"></div>
|
||||
<div class="normal-signin" v-if="!totpLogin">
|
||||
<MkInput v-model:value="username" type="text" pattern="^[a-zA-Z0-9_]+$" spellcheck="false" autofocus required @update:value="onUsernameChange">
|
||||
|
@ -38,8 +38,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_hr"></div>
|
||||
<div class="social">
|
||||
<div class="social _root">
|
||||
<a class="_borderButton _gap" v-if="meta && meta.enableTwitterIntegration" :href="`${apiUrl}/signin/twitter`"><Fa :icon="faTwitter" style="margin-right: 4px;"/>{{ $t('signinWith', { x: 'Twitter' }) }}</a>
|
||||
<a class="_borderButton _gap" v-if="meta && meta.enableGithubIntegration" :href="`${apiUrl}/signin/github`"><Fa :icon="faGithub" style="margin-right: 4px;"/>{{ $t('signinWith', { x: 'GitHub' }) }}</a>
|
||||
<a class="_borderButton _gap" v-if="meta && meta.enableDiscordIntegration" :href="`${apiUrl}/signin/discord`"><Fa :icon="faDiscord" style="margin-right: 4px;"/>{{ $t('signinWith', { x: 'Discord' }) }}</a>
|
||||
|
|
|
@ -342,7 +342,7 @@ hr {
|
|||
--root-margin: 10px;
|
||||
}
|
||||
|
||||
& + ._root {
|
||||
& + ._root:not(:empty) {
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
|
|
Loading…
Reference in a new issue