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

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

@ -22,7 +22,11 @@ export default function Feil() {
} }
return ( return (
<main className="flex h-screen"> <main className="flex flex-col h-screen">
<div className="h-12 bg-gray-900"></div>
<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">
<div className="w-1/2 flex flex-col gap-4 justify-center"> <div className="w-1/2 flex flex-col gap-4 justify-center">
@ -75,6 +79,7 @@ export default function Feil() {
</div> </div>
</div> </div>
<div className="w-1/4 bg-bg-subtle"></div> <div className="w-1/4 bg-bg-subtle"></div>
</div>
</main> </main>
) )
} }

6
frontend/pages/index.tsx
View file

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