Merge pull request #9 from navikt/intern-navbar

Lagt til intern navbar med tittel "Sprik" på hovedside og feilinnmel…
This commit is contained in:
Sid 2023-07-13 09:35:09 +02:00 committed by GitHub
commit 73573a0659
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 4 deletions

View file

@ -0,0 +1,21 @@
import { MenuGridIcon } from "@navikt/aksel-icons"
import { InternalHeader, Dropdown } from "@navikt/ds-react"
const Header = () => {
return(
<InternalHeader>
<InternalHeader.Title href="/#home">
Sprik
</InternalHeader.Title>
<Dropdown>
<InternalHeader.Button
as={Dropdown.Toggle}
>
<MenuGridIcon title="MenuGridIconer og oppslagsverk" />
</InternalHeader.Button>
{/* <Dropdown.Menu /> */}
</Dropdown>
</InternalHeader>
)
}
export default Header

View file

@ -5,6 +5,7 @@ import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
import post from "../api/http"; import post from "../api/http";
import { useState } from "react"; import { useState } from "react";
import router from "next/router"; import router from "next/router";
import Header from "@/components/Header";
export default function Feil() { export default function Feil() {
const [tittel, setTittel] = useState(""); const [tittel, setTittel] = useState("");
@ -23,9 +24,7 @@ export default function Feil() {
return ( return (
<main className="flex flex-col h-screen"> <main className="flex flex-col h-screen">
<Header/>
<div className="h-12 bg-gray-900"></div>
<div className="flex grow"> <div className="flex grow">
<div className="w-1/4 bg-bg-subtle"></div> <div className="w-1/4 bg-bg-subtle"></div>
<div className="flex flex-col justify-center gap-32 p-16 grow"> <div className="flex flex-col justify-center gap-32 p-16 grow">

View file

@ -1,4 +1,5 @@
import CardsContainer from "@/components/CardsContainer"; import CardsContainer from "@/components/CardsContainer";
import Header from "@/components/Header";
import "@navikt/ds-css"; import "@navikt/ds-css";
import { Button, Heading, Search } from "@navikt/ds-react"; import { Button, Heading, Search } from "@navikt/ds-react";
import router from "next/router"; import router from "next/router";
@ -10,7 +11,7 @@ export default function Home() {
return ( return (
<main className="flex flex-col h-screen"> <main className="flex flex-col h-screen">
<div className="h-12 bg-gray-900"></div> <Header/>
<div className="flex justify-center grow"> <div className="flex justify-center grow">
<div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end"> <div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
<div className="flex flex-col gap-4 text-center bottom-0"> <div className="flex flex-col gap-4 text-center bottom-0">