Update: PvkDokumentPage component max width

navikt · Dec 10, 2024 · 4730661 · 4730661
1 parent c2d5ee8
commit 4730661
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/apps/frontend/src/components/PvkDokument/BehandlingensArtOgOmfangView.tsx b/apps/frontend/src/components/PvkDokument/BehandlingensArtOgOmfangView.tsx
@@ -91,14 +91,14 @@ export const BehandlingensArtOgOmfangView = (props: IProps) => {
             )}
           </Field>
 
-          <ReadMore className="mt-5" header="Hvordan kan vi komme med gode estimater?">
+          <ReadMore className="mt-5 max-w-[75ch]" header="Hvordan kan vi komme med gode estimater?">
             Det blir ofte vanskelig å tallfeste noen personkategorier, for eksempel når det er snakk
             om antall brukere eller saksbehandlere. Det er tilstrekkelig å oppgi ca. antall. Hvis du
             er usikker på hvor du faktisk finner tall på hvor mange som kan ha tilgang, kan du …
             [good advice goes here]
           </ReadMore>
 
-          <div className="mt-3">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
@@ -107,7 +107,7 @@ export const BehandlingensArtOgOmfangView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-3">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
@@ -116,7 +116,7 @@ export const BehandlingensArtOgOmfangView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-3">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder

diff --git a/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx b/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
@@ -99,7 +99,10 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             det være til hjelp å se på behandlingens livsløp.
           </BodyLong>
 
-          <ReadMore className="my-8" header="Slik kan dere involvere de forskjellige gruppene">
+          <ReadMore
+            className="my-8 max-w-[75ch]"
+            header="Slik kan dere involvere de forskjellige gruppene"
+          >
             Et eller annet fornuftig råd her om f. eks. høre med Sentral brukerutvalg … osv. [Lenke
             til brosjyre på Navet]
           </ReadMore>
@@ -112,7 +115,7 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-5">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
@@ -163,7 +166,10 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             personvernkonsekvenser (PVK).
           </BodyLong>
 
-          <ReadMore className="mt-3" header="Trenger vi å snakke direkte med databehandlere?">
+          <ReadMore
+            className="mt-3 max-w-[75ch]"
+            header="Trenger vi å snakke direkte med databehandlere?"
+          >
             Noe her om hvor grensa går, særlig mtp avtaler som NAV kan ha med store aktører — IT og
             Anskaffelse har egne sider som vi ev. kunne lenke til.
           </ReadMore>
@@ -176,7 +182,7 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-3">
+          <div className="mt-3 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder

diff --git a/apps/frontend/src/components/PvkDokument/risikoscenario/RisikoscenarioAccordianList.tsx b/apps/frontend/src/components/PvkDokument/risikoscenario/RisikoscenarioAccordianList.tsx
@@ -24,7 +24,7 @@ export const RisikoscenarioAccordianList = (props: IProps) => {
 
   return (
     <div>
-      <Accordion>
+      <Accordion className="max-w-[75ch]">
         {risikoscenarioList.map((risikoscenario, index) => (
           <Accordion.Item
             defaultOpen={defaultOpen}