sidski/helse-sprik
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 Stilendringer på hovedside

Browse source 
Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
This commit is contained in:
Markus Johansen 2023-07-06 16:23:31 +02:00
parent f4c6aaa73e
commit 1ce8fa7561
2 changed files with 58 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

105
frontend/pages/feil/index.tsx
View file

@ -22,59 +22,64 @@ export default function Feil() {
}
return (
<main className="flex h-screen">
<div className="w-1/4 bg-bg-subtle"></div>
<div className="flex flex-col justify-center gap-32 p-16 grow">
<div className="w-1/2 flex flex-col gap-4 justify-center">
<BugIcon
title="Insekts ikon"
fontSize="3rem"
/>
<Heading
level="1"
size="xlarge"
>
Innmelding av feil i speil
</Heading>
</div>
<div className="w-1/2 flex flex-col gap-4 justify-center">
<TextField
label="Tittel"
description="En kort oppsummering av problemet"
onChange={e => setTittel(e.target.value)}
/>
<Textarea
label="Beskrivelse"
description="Detaljert beskrivelse av problemet"
onChange={e => setBeskrivelse(e.target.value)}
/>
<main className="flex flex-col h-screen">
<div className="h-12 bg-gray-900"></div>
<Button
variant="secondary"
icon={<UploadIcon />}
>
Last opp skjermbilder
</Button>
<div className="flex grow">
<div className="w-1/4 bg-bg-subtle"></div>
<div className="flex flex-col justify-center gap-32 p-16 grow">
<div className="w-1/2 flex flex-col gap-4 justify-center">
<BugIcon
title="Insekts ikon"
fontSize="3rem"
/>
<Heading
level="1"
size="xlarge"
>
Innmelding av feil i speil
</Heading>
</div>
<div className="w-1/2 flex flex-col gap-4 justify-center">
<TextField
label="Tittel"
description="En kort oppsummering av problemet"
onChange={e => setTittel(e.target.value)}
/>
<Textarea
label="Beskrivelse"
description="Detaljert beskrivelse av problemet"
onChange={e => setBeskrivelse(e.target.value)}
/>
<Button
variant="secondary"
icon={<UploadIcon />}
>
Last opp skjermbilder
</Button>
</div>
<div className="w-1/2 flex flex-col gap-2 justify-center">
<Button
onClick={handleSubmit}
variant="primary"
>
Meld inn feil
</Button>
<Button
variant="tertiary"
icon={<ArrowLeftIcon />}
onClick={() => {
router.push('/')
}}
>
Gå tilbake til hovedmenyen
</Button>
</div>
</div>
<div className="w-1/2 flex flex-col gap-2 justify-center">
<Button
onClick={handleSubmit}
variant="primary"
>
Meld inn feil
</Button>
<Button
variant="tertiary"
icon={<ArrowLeftIcon />}
onClick={() => {
router.push('/')
}}
>
Gå tilbake til hovedmenyen
</Button>
</div>
<div className="w-1/4 bg-bg-subtle"></div>
</div>
<div className="w-1/4 bg-bg-subtle"></div>
</main>
)
}