poyrazavsever/neta
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add logo to header in Mood Tracker application

Browse Source
This commit is contained in:
Poyraz Avsever
2026-04-27 23:48:31 +03:00
parent d346dd5a99
commit 28b4e43528
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+10 -5
View File
@@ -1,6 +1,8 @@
"use client"; "use client";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import Image from "next/image";
import logo from "../assets/logo.png";
import { import {
Cell, Cell,
Legend, Legend,
@@ -155,11 +157,14 @@ export default function Home() {
return ( return (
<main className="mx-auto flex min-h-screen w-full max-w-7xl flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8"> <main className="mx-auto flex min-h-screen w-full max-w-7xl flex-col gap-6 px-4 py-6 sm:px-6 lg:px-8">
<header className="flex flex-col gap-2 border-b border-ink/10 pb-5 sm:flex-row sm:items-end sm:justify-between"> <header className="flex flex-col gap-2 border-b border-ink/10 pb-5 sm:flex-row sm:items-end sm:justify-between">
<div> <div className="flex items-center gap-4">
<p className="text-sm font-semibold uppercase tracking-[0.2em] text-leaf"> <Image
Mood Tracker src={logo}
</p> alt="Mood Tracker logo"
<h1 className="mt-2 text-3xl font-bold text-ink sm:text-4xl"> className="h-16 w-16 rounded-md object-contain sm:h-20 sm:w-20"
priority
/>
<h1 className="text-3xl font-bold text-ink sm:text-4xl">
Günlük ruh hali dashboard'u Günlük ruh hali dashboard'u
</h1> </h1>
</div> </div>