thowitz-work/tremor-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added logo

Browse Source
This commit is contained in:
Tim Howitz 2025-03-17 12:43:28 +00:00
parent 41114628ac
commit 4b0c6025ad
4 changed files with 9 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/page.tsx
View File

@ -1,5 +1,5 @@
import Image from "next/image"; import Image from "next/image";
import Navbar from "@/components/tabbar_dd"; import Navbar from "@/components/navbar";
export default function Home() { export default function Home() {
return ( return (

9
src/components/tabbar_dd.tsx → src/components/navbar.tsx
View File

@ -1,5 +1,7 @@
"use client" "use client"
import Image from "next/image";
import Link from "next/link";
import { useState, useEffect, useRef} from "react"; import { useState, useEffect, useRef} from "react";
export default function Navbar() { export default function Navbar() {
@ -33,8 +35,11 @@ export default function Navbar() {
return ( return (
<div className="w-full flex h-14 border-b border-neutral-300 text-black"> <div className="w-full flex h-14 border-b border-neutral-300 text-black">
<div className="my-2 w-20 flex border border-neutral-300 rounded-xl ml-2 mr-6"> <div className="my-1 flex aspect-square ml-2 mr-4">
<p className="m-auto text-sm">Logo</p> <Link href="/">
<Image height={2000} width={2000} alt="Background Image" src="/logo.png"></Image>
</Link>
{/* <p className="m-auto text-sm">Logo</p> */}
</div> </div>
<div className="flex"> <div className="flex">
<button className="px-6">Earthquakes</button> <button className="px-6">Earthquakes</button>

20
src/components/tabbar.tsx
View File

@ -1,20 +0,0 @@
export default function Navbar(){
return (
<div className="w-full flex h-14 border-b border-neutral-300 text-black">
<div className="my-2 w-20 flex border border-neutral-300 rounded-xl ml-2 mr-6">
<p className="m-auto text-sm">Logo</p>
</div>
<div className="flex">
<button className="px-6">Earthquakes</button>
<button className="px-6">Observatories</button>
<button className="px-6">Warehouse</button>
<button className="px-6">Shop</button>
<button className="px-6">About Us</button>
</div>
<div className="flex-grow"></div>
<div className="my-2 mr-2 w-10 flex border rounded-full">
<p className="m-auto text-sm">User</p>
</div>
</div>
)
}

2
tailwind.config.ts
View File

@ -21,7 +21,7 @@ export default {
plugin(({ addUtilities }) => { plugin(({ addUtilities }) => {
addUtilities({ addUtilities({
html: { html: {
fontSize: "10px", fontSize: "16px",
fontFamily: '"Inter", system-ui, sans-serif', fontFamily: '"Inter", system-ui, sans-serif',
}, },
}); });