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
	
	 Sid
						Sid