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} {album.artist}
</td> </td>
<td> <td>
{album.genre}) {album.genre}
</td> </td>
</tr> </tr>
))} ))}

View File

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

View File

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