mirror of
https://activitypub.software/TransFem-org/Sharkey.git
synced 2024-12-15 09:15:44 +01:00
🎨
This commit is contained in:
parent
a03702d2bd
commit
b4d85d4f69
3 changed files with 27 additions and 6 deletions
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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';
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue