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/ClickableLink.tsx

Browse source 
modifié :         front/src/components/LogoButton.tsx
	modifié :         front/src/components/NavBar.tsx
	front/src/components/RoundButton.tsx
This commit is contained in:
ChenNux 2024-12-05 23:25:37 +01:00
parent 36dae30b4e
commit 2317a3683e
3 changed files with 33 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,10 +1,17 @@
import LogoButton from '../components/LogoButton.tsx'
import ClickableLink from './ClickableLink.tsx';
import RoundButton from './RoundButton.tsx';
export default function NavBar(){
return (
<>
<LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
<ClickableLink url="https://archlinux.org" text = "Prout" />
</>);
<nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
<div style={{ display : "flex", alignItems: "center", flexDirection: "row"}}>
<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 = "Prout2" />
</div>
<div style={{ display : "flex", alignItems: "center", flexDirection: "row"}}>
<RoundButton url="https://archlinux.org" bgcolor="transparent" text="?"/>
</div>
</nav>);
}