💄 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:
Markus A. R. Johansen 2023-08-03 10:51:04 +02:00 committed by GitHub
parent a399eb31d1
commit 937b3dac2d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 15 deletions

View file

@ -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/>}