helene/FoundKey
2
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2020-12-31 11:46:07 +09:00
parent a03702d2bd
commit b4d85d4f69
3 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/client/pages/welcome.entrance.b.vue
View file

@ -15,7 +15,15 @@
<MkButton class="signup" @click="signup()" inline primary>{{ $ts.signup }}</MkButton> <MkButton class="signup" @click="signup()" inline primary>{{ $ts.signup }}</MkButton>
<MkButton class="signin" @click="signin()" inline>{{ $ts.login }}</MkButton> <MkButton class="signin" @click="signin()" inline>{{ $ts.login }}</MkButton>
</div> </div>
<div class="status" v-if="onlineUsersCount"> <div class="status" v-if="onlineUsersCount && stats">
<div>
<I18n :src="$ts.nUsers" text-tag="span" class="users">
<template #n><b>{{ number(stats.originalUsersCount) }}</b></template>
</I18n>
<I18n :src="$ts.nNotes" text-tag="span" class="notes">
<template #n><b>{{ number(stats.originalNotesCount) }}</b></template>
</I18n>
</div>
<I18n :src="$ts.onlineUsersCount" text-tag="span" class="online"> <I18n :src="$ts.onlineUsersCount" text-tag="span" class="online">
<template #n><b>{{ onlineUsersCount }}</b></template> <template #n><b>{{ onlineUsersCount }}</b></template>
</I18n> </I18n>
@ -167,7 +175,7 @@ export default defineComponent({
> .main { > .main {
position: relative; position: relative;
width: min(490px, 100%); width: min(450px, 100%);
padding: 64px; padding: 64px;
color: #fff; color: #fff;
font-size: 1.1em; font-size: 1.1em;
@ -178,7 +186,7 @@ export default defineComponent({
> h1 { > h1 {
display: block; display: block;
margin: 0 0 16px 0; margin: 0 0 32px 0;
padding: 0; padding: 0;
> .logo { > .logo {
@ -194,6 +202,10 @@ export default defineComponent({
> .action { > .action {
margin: 32px 0; margin: 32px 0;
> * {
line-height: 32px;
}
> .signup { > .signup {
background: var(--panel); background: var(--panel);
color: var(--fg); color: var(--fg);
@ -207,9 +219,17 @@ export default defineComponent({
> .status { > .status {
margin: 32px 0; margin: 32px 0;
border-top: solid 1px rgba(255, 255, 255, 0.5);
font-size: 90%;
> .online { > div {
padding: 16px 0;
> span:not(:last-child) {
padding-right: 1em;
margin-right: 1em;
border-right: solid 1px rgba(255, 255, 255, 0.5);
}
} }
} }
} }

3
src/client/pages/welcome.entrance.c.vue
View file

@ -295,9 +295,10 @@ export default defineComponent({
margin-top: 20px; margin-top: 20px;
color: #fff; color: #fff;
text-shadow: 0 0 8px black; text-shadow: 0 0 8px black;
font-size: 0.9em;
> *:not(:last-child) { > *:not(:last-child) {
margin-right: 1em; margin-right: 1.5em;
} }
} }
} }

2
src/client/pages/welcome.vue
View file

@ -8,7 +8,7 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import XSetup from './welcome.setup.vue'; import XSetup from './welcome.setup.vue';
import XEntrance from './welcome.entrance.c.vue'; import XEntrance from './welcome.entrance.a.vue';
import { instanceName } from '@/config'; import { instanceName } from '@/config';
import * as os from '@/os'; import * as os from '@/os';