diff --git a/src/hemsedal24/bilder.module.css b/src/hemsedal24/bilder.module.css index bbbb37e29..cc0fc2f70 100644 --- a/src/hemsedal24/bilder.module.css +++ b/src/hemsedal24/bilder.module.css @@ -125,10 +125,6 @@ --tw-ring-color: transparent; } -.customButton > *[data-ut-element='allowed-content'] { - display: none; -} - .container { display: grid; grid-template-columns: repeat(4, 1fr); /* Four columns */ @@ -166,7 +162,7 @@ align-items: center; } .embla__slide { - flex: 0 0 60%; + flex: 0 0 40%; width: 100%; user-select: none; padding-left: 3rem; @@ -259,8 +255,7 @@ html { } .customButton > *[data-ut-element='button'] { - width: 19.5rem; - height: 3.375rem; + width: 50%; } .customButton > *[data-ut-element='button'][data-state='readying'], @@ -284,6 +279,10 @@ html { .lastoppbilder img { width: 120%; } + .tilbake, + .lastoppbilder { + width: 100%; + } @-moz-document url-prefix() { .uploadDropZone { diff --git a/src/hemsedal24/components/Files.tsx b/src/hemsedal24/components/Files.tsx index 0c4af8f91..68bcd920f 100644 --- a/src/hemsedal24/components/Files.tsx +++ b/src/hemsedal24/components/Files.tsx @@ -34,7 +34,7 @@ export default function Files({ data }: any) {
{data.files.map((file:any) =>
- {`${file.name}`}/ + {`${file.name}`}/
)}
diff --git a/src/hemsedal24/upload.tsx b/src/hemsedal24/upload.tsx index be7debd02..acef9c564 100644 --- a/src/hemsedal24/upload.tsx +++ b/src/hemsedal24/upload.tsx @@ -33,6 +33,9 @@ export default function Upload() { onUploadError={(error: Error) => { alert(`En feil har skjedd. Feilmelding: ${error.message}`); }} + content={{allowedContent() { + return 'Bilder opp til 16MB, maks 20 om gangen' + }}} /> diff --git a/src/server/uploadthing.ts b/src/server/uploadthing.ts index d14b67604..0db902a0c 100644 --- a/src/server/uploadthing.ts +++ b/src/server/uploadthing.ts @@ -21,7 +21,7 @@ const f = createUploadthing({ export const uploadRouter = { videoAndImage: f({ image: { - maxFileSize: "8MB", + maxFileSize: "16MB", maxFileCount: 20, }, video: {