🎨
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="signin" @click="signin()" inline>{{ $ts.login }}</MkButton> | ||||
| 			</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"> | ||||
| 					<template #n><b>{{ onlineUsersCount }}</b></template> | ||||
| 				</I18n> | ||||
|  | @ -167,7 +175,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 		> .main { | ||||
| 			position: relative; | ||||
| 			width: min(490px, 100%); | ||||
| 			width: min(450px, 100%); | ||||
| 			padding: 64px; | ||||
| 			color: #fff; | ||||
| 			font-size: 1.1em; | ||||
|  | @ -178,7 +186,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 			> h1 { | ||||
| 				display: block; | ||||
| 				margin: 0 0 16px 0; | ||||
| 				margin: 0 0 32px 0; | ||||
| 				padding: 0; | ||||
| 
 | ||||
| 				> .logo { | ||||
|  | @ -194,6 +202,10 @@ export default defineComponent({ | |||
| 			> .action { | ||||
| 				margin: 32px 0; | ||||
| 
 | ||||
| 				> * { | ||||
| 					line-height: 32px; | ||||
| 				} | ||||
| 
 | ||||
| 				> .signup { | ||||
| 					background: var(--panel); | ||||
| 					color: var(--fg); | ||||
|  | @ -207,9 +219,17 @@ export default defineComponent({ | |||
| 
 | ||||
| 			> .status { | ||||
| 				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; | ||||
| 				color: #fff; | ||||
| 				text-shadow: 0 0 8px black; | ||||
| 				font-size: 0.9em; | ||||
| 
 | ||||
| 				> *:not(:last-child) { | ||||
| 					margin-right: 1em; | ||||
| 					margin-right: 1.5em; | ||||
| 				} | ||||
| 			} | ||||
| 		} | ||||
|  |  | |||
|  | @ -8,7 +8,7 @@ | |||
| <script lang="ts"> | ||||
| import { defineComponent } from '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 * as os from '@/os'; | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue