Hackathons/Bitcamp-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Navbar Logo Added

Browse Source
This commit is contained in:
GamerBoss101
2025-04-12 20:39:51 -04:00
parent eed9e4b920
commit 059bc63c4c
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(app)/pointsguide/page.tsx
View File

@@ -70,7 +70,7 @@ export default function PointsGuidePage() {
<div className="bg-surface-700 rounded-xl px-4 py-4 my-6 shadow-sm"> <div className="bg-surface-700 rounded-xl px-4 py-4 my-6 shadow-sm">
<div className="overflow-x-auto rounded-xl"> <div className="overflow-x-auto rounded-xl">
<table className="min-w-full text-sm text-left text-[color:var(--color-warning-200)]"> <table className="min-w-full text-sm text-left text-[color:var(--color-warning-200)]">
<caption className="caption-top p-4 text-lg font-semibold text-[color:var(--color-warning-200)]"> <caption className="caption-top p-4 text-xl font-semibold text-[color:var(--color-warning-200)]">
Beverage Scoring System Beverage Scoring System
</caption> </caption>

14
src/lib/components/NavBar.tsx
View File

@@ -2,13 +2,25 @@
import React from "react"; import React from "react";
import Image from "next/image";
const NavBar = () => { const NavBar = () => {
return ( return (
<nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800"> <nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4"> <div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4">
<h1 className="text-xl font-semibold"> <h1 className="text-xl font-semibold">
<a href="/">Drink Happy</a> <a href="/" className="flex items-center gap-2">
<Image
src="/cappylogosmall.png"
alt="Drink Happy Logo"
width={60}
height={60}
className="mr-2"
/>
<span>Drink Happy</span>
</a>
</h1> </h1>
<div className="hidden md:flex items-center gap-4 justify-center"> <div className="hidden md:flex items-center gap-4 justify-center">
<a href="/info" className="btn variant-ghost"> <a href="/info" className="btn variant-ghost">