Frontend: Make the navbar more responsive

This commit is contained in:
Braydon 2024-04-26 20:55:49 -04:00
parent 531c18626a
commit 490b04ba61

@ -65,7 +65,7 @@ const Navbar = (): ReactElement => {
{/* Center - Links */} {/* Center - Links */}
<div className="ml-auto absolute right-3 xs:inset-x-0 md:left-28 lg:left-0 flex justify-center md:justify-start lg:justify-center"> <div className="ml-auto absolute right-3 xs:inset-x-0 md:left-28 lg:left-0 flex justify-center md:justify-start lg:justify-center">
<div className="flex gap-7"> <div className="flex gap-3.5 xs:gap-7">
{Object.entries(config.navbarLinks).map( {Object.entries(config.navbarLinks).map(
(link: [string, string], index: number) => { (link: [string, string], index: number) => {
const url: string = link[1]; // The href of the link const url: string = link[1]; // The href of the link