AderKonstantin/darkwave
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 feat(toolbar): add bottom border to toolbar

Browse Source 
Adds a bottom border to the toolbar component to create a more
distinct separation between the toolbar and the content below it.
This change improves the visual hierarchy and overall design of
the page.
This commit is contained in:
AderKonstantin
2025-03-26 14:00:10 +03:00
parent 1dcf21738b
commit 7c3071cf0d
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/header/toolbar.tsx
View File

@@ -11,7 +11,7 @@ import AnimatedLink from '../animatedLink';
export default function Toolbar() { export default function Toolbar() {
return ( return (
<div className="flex h-24 justify-between items-center border-t-white border-t"> <div className="flex h-24 justify-between items-center border-white border-t border-b">
<div className="flex items-baseline"> <div className="flex items-baseline">
<p><AnimatedLink href='#'>Science</AnimatedLink> | <AnimatedLink href='#'>Software</AnimatedLink> | <AnimatedLink href='#'>Hardware</AnimatedLink> | <AnimatedLink href='#'>Rockets</AnimatedLink> | <AnimatedLink href='#'>Startups</AnimatedLink></p> <p><AnimatedLink href='#'>Science</AnimatedLink> | <AnimatedLink href='#'>Software</AnimatedLink> | <AnimatedLink href='#'>Hardware</AnimatedLink> | <AnimatedLink href='#'>Rockets</AnimatedLink> | <AnimatedLink href='#'>Startups</AnimatedLink></p>
</div> </div>