RedCrab/projet-nuitinfo-2024
8
0
Fork 0
generated from lucien/actix-react-template
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

modifié : front/src/components/LogoButton.tsx

Browse source 
modifié :         front/src/components/NavBar.tsx
	modifié :         front/src/index.css
	modifié :         front/src/pages/MainPage.tsx
	front/src/components/Footer.tsx

Ajout du footer
This commit is contained in:
ChenNux 2024-12-06 00:23:24 +01:00
parent a239d17697
commit 7d8dd263eb
4 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
front/src/components/LogoButton.tsx
View file

@ -1,10 +1,13 @@
import * as React from 'react';
interface LogoButtonProps {
url:string;
logo:string
logo:string;
style?: React.CSSProperties;
}
export default function LogoButton ({url, logo}: LogoButtonProps) {
export default function LogoButton ({url, logo, style}: LogoButtonProps) {
return (
<a href={url}><img src={logo}/></a>
<a href={url}><img src={logo} style={{ ...style }}/></a>
)
}

4
front/src/index.css
View file

@ -5,3 +5,7 @@
--color-lightblue: #00bbf0;
--color-yellow: #fdb44b;
}
footer {
text-align: center;
}

4
front/src/pages/MainPage.tsx
View file

@ -1,11 +1,15 @@
import ArticlesSection from '../components/ArticlesSection.tsx'
import NavBar from '../components/NavBar.tsx'
import Footer from '../components/Footer.tsx'
export default function MainPage() {
return (
<>
<div>
<NavBar />
<ArticlesSection />
</div>
<Footer />
</>
)
}