GitHub/015
1
0
Fork 0
mirror of https://github.com/keven1024/015.git synced 2026-06-04 11:29:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(front): add AboutVersionView component and enhance AboutBaseInfo with object-fit styling

Browse Source
This commit is contained in:
keven
2025-10-19 18:38:00 +08:00
parent 07fc182ccb
commit da58c53909
4 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/components/About/AboutBaseInfo.vue
View File

@@ -48,7 +48,7 @@ const genUserAvatar = (email: string) => {
</div>
</template>
<template v-else>
<NuxtImg v-if="data?.bg_url" :src="data?.bg_url" class="aspect-[3/1] w-full rounded-xl" fit="cover" />
<NuxtImg v-if="data?.bg_url" :src="data?.bg_url" class="aspect-[3/1] w-full rounded-xl object-cover" />
<div class="flex flex-col gap-2 items-center">
<div class="text-xl">{{ renderI18n(appConfig?.site_title ?? {}, 'en', locale) }}</div>
<div class="text-sm opacity-75 text-center px-5">

20
front/components/About/AboutVersionView.vue Normal file
View File

@@ -0,0 +1,20 @@
<script setup lang="ts">
import useMyAppConfig from '@/composables/useMyAppConfig'
import dayjs from 'dayjs'
const appConfig = useMyAppConfig()
</script>
<template>
<div class="flex flex-row flex-wrap gap-4 items-center text-sm opacity-60">
<div class="flex flex-row gap-1 opacity-100">
<NuxtLink href="https://github.com/keven1024/015" target="_blank" class="text-primary hover:underline">015</NuxtLink>
{{ appConfig?.version ?? 'dev' }}
</div>
<div v-if="appConfig?.build_time">
{{ `Build at ${dayjs(appConfig?.build_time * 1000).format('YYYY-MM-DD')}` }}
</div>
<div>Designed by <NuxtLink href="https://fudaoyuan.icu" target="_blank" class="text-primary hover:underline">keven1024</NuxtLink></div>
</div>
</template>