summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-04-12 00:14:27 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-04-12 00:14:27 +0900
commit0cc4519fc07485e84ada0f42777eaa8d1cbadf89 (patch)
treed9d72c531443c0bd2d0df033864d0b8bf3999d86 /src
parentfull view (diff)
downloadsharkey-0cc4519fc07485e84ada0f42777eaa8d1cbadf89.tar.gz
sharkey-0cc4519fc07485e84ada0f42777eaa8d1cbadf89.tar.bz2
sharkey-0cc4519fc07485e84ada0f42777eaa8d1cbadf89.zip
Tweak UI
Diffstat (limited to 'src')
-rwxr-xr-xsrc/client/components/signin.vue7
-rw-r--r--src/client/style.scss2
2 files changed, 4 insertions, 5 deletions
diff --git a/src/client/components/signin.vue b/src/client/components/signin.vue
index 6e05c8c008..4497c00a50 100755
--- a/src/client/components/signin.vue
+++ b/src/client/components/signin.vue
@@ -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>
diff --git a/src/client/style.scss b/src/client/style.scss
index 6768e21663..4b91437a78 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -342,7 +342,7 @@ hr {
--root-margin: 10px;
}
- & + ._root {
+ & + ._root:not(:empty) {
&:before {
content: "";
display: block;