arthur/arthome
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/arthome.git synced 2026-01-14 12:14:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix footer

Browse Source
This commit is contained in:
Arthur Danjou
2024-09-09 20:02:51 +02:00
parent 69513bbecb
commit cca3263653
2 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/pages/[user].vue
View File

@@ -34,16 +34,18 @@ function visitLink(clickType: 'self' | 'extern') {
<template> <template>
<main class="my-12"> <main class="my-12">
<div v-if="date" class="flex flex-col items-center mb-12"> <ClientOnly>
<h1 class="text-6xl md:text-9xl font-bold"> <div v-if="date" class="flex flex-col items-center mb-12">
{{ useDateFormat(date, 'HH') }} <h1 class="text-6xl md:text-9xl font-bold">
<span class="animate-pulse">:</span> {{ useDateFormat(date, 'HH') }}
{{ useDateFormat(date, 'mm') }} <span class="animate-pulse">:</span>
</h1> {{ useDateFormat(date, 'mm') }}
<h1 class="text-2xl md:text-5xl"> </h1>
{{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }} <h1 class="text-2xl md:text-5xl">
</h1> {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }}
</div> </h1>
</div>
</ClientOnly>
<div v-if="userDetails.message || userDetails.private" class="text-center mt-24 space-y-4"> <div v-if="userDetails.message || userDetails.private" class="text-center mt-24 space-y-4">
<div <div
class="flex items-center justify-center gap-2 text-3xl" class="flex items-center justify-center gap-2 text-3xl"

22
app/pages/index.vue
View File

@@ -111,16 +111,18 @@ defineShortcuts({
<template> <template>
<main v-if="user && loggedIn" class="my-12"> <main v-if="user && loggedIn" class="my-12">
<div v-if="date" class="flex flex-col items-center mb-12"> <ClientOnly>
<h1 class="text-6xl md:text-9xl font-bold"> <div v-if="date" class="flex flex-col items-center mb-12">
{{ useDateFormat(date, 'HH') }} <h1 class="text-6xl md:text-9xl font-bold">
<span class="animate-pulse">:</span> {{ useDateFormat(date, 'HH') }}
{{ useDateFormat(date, 'mm') }} <span class="animate-pulse">:</span>
</h1> {{ useDateFormat(date, 'mm') }}
<h1 class="text-2xl md:text-5xl"> </h1>
{{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }} <h1 class="text-2xl md:text-5xl">
</h1> {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }}
</div> </h1>
</div>
</ClientOnly>
<section class="flex flex-col md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8"> <section class="flex flex-col md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8">
<div> <div>
<AppAvatar size="5xl" :src="user.avatar" /> <AppAvatar size="5xl" :src="user.avatar" />