changed button and file size (#566)

* changed button and file size changed file size and added descriptive information to button * removed lazy loading for the carousel, and changed size of carousel on pc
varianter · Sep 3, 2024 · d82e2db · d82e2db
1 parent 7c30a8a
commit d82e2db
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git 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
@@ -34,7 +34,7 @@ export default function Files({ data }: any) {
             <div className={styles.embla__container}>
               {data.files.map((file:any) =>
               <div key = {file.id} className={styles.embla__slide}>
-                <img loading="lazy"  src={`https://utfs.io/f/${file.key}`} alt={`${file.name}`}/>
+                <img src={`https://utfs.io/f/${file.key}`} alt={`${file.name}`}/>
                 </div>
               )}
             </div>

diff --git 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'
+          }}}
         />
       </div>
     </div>

diff --git 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: {