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

💄 Gjort endringer på Modal layout og lagt til header på redigering

Browse source
This commit is contained in:
Markus Johansen 2023-08-03 10:33:26 +02:00
parent e3b8101958
commit c71c724f78
3 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/FeilModal.tsx
View file

@ -11,7 +11,7 @@ interface modalInterface {
const FeilModal = (props: modalInterface) => { const FeilModal = (props: modalInterface) => {
return( return(
<Modal <Modal
className="w-3/5 p-5" className="w-3/5 min-w-2/4 p-5"
open={props.open} open={props.open}
aria-label={" modal"} aria-label={" modal"}
onClose={() => props.setOpen(false)} onClose={() => props.setOpen(false)}

7
frontend/src/components/FeilmeldingsInnhold.tsx
View file

@ -2,10 +2,11 @@ import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons"
import { Button } from "@navikt/ds-react" import { Button } from "@navikt/ds-react"
import { FeilmeldingsInnholdInterface } from "../interface" import { FeilmeldingsInnholdInterface } from "../interface"
import FeilkortHeader from "./FeilkortHeader" import FeilkortHeader from "./FeilkortHeader"
import Skillelinje from "./Skillelinje"
const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => { const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
return( return(
<div> <>
<div className="flex justify-between "> <div className="flex justify-between ">
<FeilkortHeader <FeilkortHeader
id={props.id} id={props.id}
@ -33,9 +34,9 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
</Button> </Button>
</div> </div>
</div> </div>
<div className="h-2 bg-gray-200 my-4 rounded-lg"></div> <Skillelinje/>
{props.children} {props.children}
</div> </>
) )
} }
export default FeilmeldingsInnhold; export default FeilmeldingsInnhold;

12
frontend/src/components/RedigeringsVerktoy.tsx
View file

@ -42,8 +42,12 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
} }
return ( return (
<div className="flex flex-col gap-12"> <div className="flex flex-col gap-12 items-center px-12">
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-6 w-full">
<Heading className="" size="large">
Rediger feil
</Heading>
<TextField <TextField
label="Tittel" label="Tittel"
value={tittel} value={tittel}
@ -65,6 +69,7 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
<Radio value={2}>Feilen er fikset</Radio> <Radio value={2}>Feilen er fikset</Radio>
</RadioGroup> </RadioGroup>
<Skillelinje/> <Skillelinje/>
<div>
<Heading size="xsmall"> <Heading size="xsmall">
Haster det å fikse feilen? Haster det å fikse feilen?
</Heading> </Heading>
@ -72,7 +77,8 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
Feilen haster Feilen haster
</Switch> </Switch>
</div> </div>
<div className="flex gap-4 items-start"> </div>
<div className="flex gap-4 items-start w-full">
<Button <Button
variant="primary" variant="primary"
icon={<FloppydiskIcon/>} icon={<FloppydiskIcon/>}