Epitech/ratrapage_T-WEB
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

fix layout

Browse Source
This commit is contained in:
Clement 2024-05-20 15:45:43 +02:00
parent 641e334d83
commit 998c356932
2 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/components/widgets/Footer.astro
View File

@ -26,7 +26,7 @@ export interface Props {
const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props; const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props;
--- ---
<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose']}> <footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose, mt-auto']}>
<div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div> <div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300"> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
<div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12"> <div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">

18
front/src/layouts/PageLayout.astro
View File

@ -1,12 +1,12 @@
--- ---
import Layout from '~/layouts/Layout.astro'; import Layout from 'layouts/Layout.astro';
import Header from '~/components/widgets/Header.astro'; import Header from 'components/widgets/Header.astro';
import Footer from '~/components/widgets/Footer.astro'; import Footer from 'components/widgets/Footer.astro';
import Announcement from '~/components/widgets/Announcement.astro'; import Announcement from 'components/widgets/Announcement.astro';
import { headerData, footerData } from '~/navigation'; import { headerData, footerData } from 'navigation';
import type { MetaData } from '~/types'; import type { MetaData } from 'types';
export interface Props { export interface Props {
metadata?: MetaData; metadata?: MetaData;
@ -16,9 +16,10 @@ const { metadata } = Astro.props;
--- ---
<Layout metadata={metadata}> <Layout metadata={metadata}>
<slot name="announcement"> <div id="posts" class="flex flex-col min-h-screen">
<!-- <slot name="announcement">
<Announcement /> <Announcement />
</slot> </slot> -->
<slot name="header"> <slot name="header">
<Header {...headerData} isSticky showRssFeed showToggleTheme /> <Header {...headerData} isSticky showRssFeed showToggleTheme />
</slot> </slot>
@ -28,4 +29,5 @@ const { metadata } = Astro.props;
<slot name="footer"> <slot name="footer">
<Footer {...footerData} /> <Footer {...footerData} />
</slot> </slot>
</div>
</Layout> </Layout>