Added container to about page

This commit is contained in:
Alexis
2025-05-07 14:34:46 +02:00
parent 245fb421b3
commit f132e6d1e0
3 changed files with 9 additions and 8 deletions

View File

@@ -24,7 +24,7 @@ const moveCalendarRight = useThrottleFn(() => {
</script> </script>
<template> <template>
<div class="container mt-[10vh] mb-auto" @wheel="handleWheel"> <div class="container mx-auto mt-[10vh] mb-auto" @wheel="handleWheel">
<div class="grid grid-cols-5 gap-x-8 gap-y-16"> <div class="grid grid-cols-5 gap-x-8 gap-y-16">
<CalendarStateYearlyMonthTile <CalendarStateYearlyMonthTile
v-for="month in months" v-for="month in months"

View File

@@ -14,12 +14,14 @@ watch(locale, () => refresh())
<Title>{{ $t("pages.about.title") }}</Title> <Title>{{ $t("pages.about.title") }}</Title>
</Head> </Head>
<Spacing size="lg"> <div class="container">
<Heading level="h1"> <Spacing size="lg">
{{ $t("pages.about.title") }} <Heading level="h1">
</Heading> {{ $t("pages.about.title") }}
</Heading>
<ContentRenderer v-if="page" :value="page" class="content" /> <ContentRenderer v-if="page" :value="page" class="content" />
</Spacing> </Spacing>
</div>
</main> </main>
</template> </template>

View File

@@ -16,7 +16,6 @@ module.exports = {
theme: { theme: {
container: { container: {
center: true,
padding: "2rem", padding: "2rem",
screens: { screens: {
"2xl": "1400px", "2xl": "1400px",