Added container to about page
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -14,6 +14,7 @@ watch(locale, () => refresh())
|
|||||||
<Title>{{ $t("pages.about.title") }}</Title>
|
<Title>{{ $t("pages.about.title") }}</Title>
|
||||||
</Head>
|
</Head>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
<Spacing size="lg">
|
<Spacing size="lg">
|
||||||
<Heading level="h1">
|
<Heading level="h1">
|
||||||
{{ $t("pages.about.title") }}
|
{{ $t("pages.about.title") }}
|
||||||
@@ -21,5 +22,6 @@ watch(locale, () => refresh())
|
|||||||
|
|
||||||
<ContentRenderer v-if="page" :value="page" class="content" />
|
<ContentRenderer v-if="page" :value="page" class="content" />
|
||||||
</Spacing>
|
</Spacing>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -16,7 +16,6 @@ module.exports = {
|
|||||||
|
|
||||||
theme: {
|
theme: {
|
||||||
container: {
|
container: {
|
||||||
center: true,
|
|
||||||
padding: "2rem",
|
padding: "2rem",
|
||||||
screens: {
|
screens: {
|
||||||
"2xl": "1400px",
|
"2xl": "1400px",
|
||||||
|
|||||||
Reference in New Issue
Block a user