Fix respon etc.

dependabot/npm_and_yarn/next-14.2.10
Elias Almqvist 11 months ago
parent ee4b2ee0de
commit 8347566e1c
No known key found for this signature in database
GPG Key ID: E31A99CE3E75A158
  1. 4
      src/app/page.tsx
  2. 13
      src/components/layout/header.tsx
  3. 4
      src/components/layout/index.tsx
  4. 8
      src/components/layout/nav.tsx

@ -1,8 +1,8 @@
export default function Home() {
return (
<>
<section id="about">
<p>TEST</p>
<section id="about" className="min-h-screen">
<h1>Hello, I am a </h1>
</section>
</>
);

@ -1,10 +1,11 @@
import { Separator } from "@/components/ui/separator";
import Nav from "./nav";
import Link from "next/link";
import { cn } from "@/lib/utils";
import NavLinks from "../navlinks";
import { Button } from "../ui/button";
import Link from "next/link";
import ThemeButton from "../themebutton";
import NavLinks from "../navlinks";
import NavCommand from "./nav";
const Header = () => (
<header className="w-full flex flex-col justify-center items-center">
@ -26,9 +27,9 @@ const Header = () => (
</Link>
</div>
<div className="flex flex-row items-center space-x-2">
<ThemeButton className="w-4 h-4" />
<Nav />
<ul className="flex flex-row space-x-2 w-fit h-full items-center">
<ThemeButton className="w-4 h-4 hidden sm:block" />
<NavCommand />
<ul className="flex-row space-x-2 w-fit h-full items-center hidden sm:flex">
{NavLinks.map((link) => (
<li>
<Link

@ -5,7 +5,9 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
return (
<>
<Header />
<div className="max-w-screen-xl">{children}</div>
<main className="w-full min-h-screen flex items-center justify-center">
<div className="max-w-screen-2xl w-full px-8">{children}</div>
</main>
<NavBinds />
</>
);

@ -1,6 +1,6 @@
"use client";
import { useEffect, useState } from "react";
import { useState } from "react";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
@ -19,11 +19,11 @@ import { useRouter } from "next/navigation";
import { useActionCommand } from "@/hooks/useActionCommand";
import { useTheme } from "next-themes";
type ActionCommandProps = {
type NavCommandProps = {
className?: string;
};
const ActionCommand: React.FC<ActionCommandProps> = ({
const NavCommand: React.FC<NavCommandProps> = ({
className,
...props
}) => {
@ -108,4 +108,4 @@ const ActionCommand: React.FC<ActionCommandProps> = ({
);
};
export default ActionCommand;
export default NavCommand;

Loading…
Cancel
Save