Merge pull request #9 from navikt/intern-navbar
✨Lagt til intern navbar med tittel "Sprik" på hovedside og feilinnmel…
This commit is contained in:
commit
73573a0659
3 changed files with 25 additions and 4 deletions
21
frontend/components/Header.tsx
Normal file
21
frontend/components/Header.tsx
Normal 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
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Reference in a new issue