Fixing navbar layout
All checks were successful
Music Collection CI Workflow / test (./backend) (push) Successful in 22s
Music Collection CI Workflow / test (./frontend) (push) Successful in 18s
Music Collection CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/msuic-collection-backend, ./backend) (push) Successful in 48s
Music Collection CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/music-collection-frontend, ./frontend) (push) Successful in 1m11s
Music Collection CI Workflow / deploy (push) Successful in 22s

This commit is contained in:
Phill Pover 2025-04-05 09:45:41 +01:00
parent 631a486e8c
commit a237d2b069
3 changed files with 14 additions and 16 deletions

View File

@ -55,7 +55,7 @@ export default function Page() {
{album.artist}
</td>
<td>
{album.genre})
{album.genre}
</td>
</tr>
))}

View File

@ -7,21 +7,19 @@ const Navbar = () => {
return (
<nav className="navbar">
<div className="container">
<div className="container mx-auto px-4 h-full">
<div className="flex justify-between items-center h-full">
<ul className="navbar-list">
<li className="navbar-item">
<Logo />
<ul className="navbar-list">
<li className="navbar-item">
<Link href="/album" className="navbar-link">
<p>Albums</p>
</Link>
</li>
</ul>
<div className="hidden md:block">
<Button />
</div>
</div>
</div>
</li>
<li className="navbar-item">
<Link href="/album" className="navbar-link">
<p>Albums</p>
</Link>
</li>
<li className="navbar-item">
<Button />
</li>
</ul>
</div>
</nav>
);

View File

@ -557,7 +557,7 @@ body {
line-height: 1.6;
font-weight: 400;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222; }
color: #3fc6f1; }
/* Typography