💄 Alternativ Layout for redigeringsskjema (#25)
* 💄 Alternativ Layout for redigeringsskjema * 💄 Gjort endringer på Modal layout og lagt til header på redigering --------- Co-authored-by: Sid <93219711+SindreKjelsrud@users.noreply.github.com>
This commit is contained in:
parent
a399eb31d1
commit
937b3dac2d
3 changed files with 20 additions and 15 deletions
|
|
@ -42,8 +42,12 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="flex justify-between">
|
||||
<div className="flex flex-col gap-4 w-1/2">
|
||||
<div className="flex flex-col gap-12 items-center px-12">
|
||||
|
||||
<div className="flex flex-col gap-6 w-full">
|
||||
<Heading className="" size="large">
|
||||
Rediger feil
|
||||
</Heading>
|
||||
<TextField
|
||||
label="Tittel"
|
||||
value={tittel}
|
||||
|
|
@ -65,14 +69,16 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
|
|||
<Radio value={2}>Feilen er fikset</Radio>
|
||||
</RadioGroup>
|
||||
<Skillelinje/>
|
||||
<Heading size="xsmall">
|
||||
Haster det å fikse feilen?
|
||||
</Heading>
|
||||
<Switch checked={haster} onClick={() => setHaster(!haster)}>
|
||||
Feilen haster
|
||||
</Switch>
|
||||
<div>
|
||||
<Heading size="xsmall">
|
||||
Haster det å fikse feilen?
|
||||
</Heading>
|
||||
<Switch checked={haster} onClick={() => setHaster(!haster)}>
|
||||
Feilen haster
|
||||
</Switch>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex gap-4 items-start">
|
||||
<div className="flex gap-4 items-start w-full">
|
||||
<Button
|
||||
variant="primary"
|
||||
icon={<FloppydiskIcon/>}
|
||||
|
|
|
|||
Reference in a new issue