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
Show stats 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>
)
}

6
frontend/pages/index.tsx
View file

@ -11,7 +11,7 @@ export default function Home() {
return (
<main className="flex flex-col h-screen">
<nav className="h-12 bg-gray-900"></nav>
<div className="h-12 bg-gray-900"></div>
<div className="flex justify-center grow">
<div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
@ -30,7 +30,7 @@ export default function Home() {
</div>
</div>
<div className="p-8">
<div className="p-8 grow flex gap-8 flex-col">
<Search
label="Søk gjennom innmeldte feil (nøkkelord, tags, status)"
variant="primary"
@ -40,7 +40,7 @@ export default function Home() {
level="1"
size="medium"
>
Innmeldte feil (saker, feilmeldingerm poster, feil)
Innmeldte feil (saker, feilmeldinger poster, feil)
</Heading>
<div className="grid grid-cols-2 gap-4">
<FeilCard />