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 { interface LogoButtonProps {
url:string; 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 ( return (
<a href={url}><img src={logo}/></a> <a href={url}><img src={logo} style={{ ...style }}/></a>
) )
} }

2
front/src/components/NavBar.tsx
View file

@ -6,7 +6,7 @@ export default function NavBar(){
return ( return (
<nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}> <nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
<div style={{ display : "flex", alignItems: "center", flexDirection: "row"}}> <div style={{ display : "flex", alignItems: "center", flexDirection: "row"}}>
<LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" /> <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png"/>
<ClickableLink url="https://archlinux.org" text = "Prout" /> <ClickableLink url="https://archlinux.org" text = "Prout" />
<ClickableLink url="https://archlinux.org" text = "Prout2" /> <ClickableLink url="https://archlinux.org" text = "Prout2" />
</div> </div>

4
front/src/index.css
View file

@ -4,4 +4,8 @@
--color-darkblue: #005792; --color-darkblue: #005792;
--color-lightblue: #00bbf0; --color-lightblue: #00bbf0;
--color-yellow: #fdb44b; --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 ArticlesSection from '../components/ArticlesSection.tsx'
import NavBar from '../components/NavBar.tsx' import NavBar from '../components/NavBar.tsx'
import Footer from '../components/Footer.tsx'
export default function MainPage() { export default function MainPage() {
return ( return (
<>
<div> <div>
<NavBar /> <NavBar />
<ArticlesSection /> <ArticlesSection />
</div> </div>
<Footer />
</>
) )
} }