Feature/fg 61 (#746)

* just package lock * changed styling of the dialoge progress bar for uploading photos * fixed styling for navbar when in mobile view --------- Co-authored-by: endre2112 <[email protected]>
Fotogjengen · Sep 9, 2023 · 4a630d2 · 4a630d2
1 parent 7a290b4
commit 4a630d2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 153 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
@@ -28,19 +28,21 @@
 }
 
 .menuLink {
-
+    padding: 0.2rem 0.5rem;
+    margin-top: 0.5rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    width: 90vw;
+    width: 100%;
     box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 3px 0px;
 
 }
 
-.menuLink > * {
-    margin: 0 0.5rem;
+.menuLink:hover {
+    scale: 1.01;
 }
 
+
 .navContainer {
     font-size: 1.5rem;
     display: none;

diff --git a/src/forms/PhotoUploadForm.tsx b/src/forms/PhotoUploadForm.tsx
@@ -303,21 +303,19 @@ const PhotoUploadForm: FC<Props> = ({ initialValues }) => {
             display: "flex",
             flexDirection: "column",
             alignItems: "center",
-            justifyContent: "center",
-            width: "20rem",
-            paddingX: 8,
+            justifyContent: "space-around",
+            paddingX: 3,
           }}
         >
           <Typography
             sx={{
               fontSize: "larger",
-              paddingBottom: 2,
             }}
           >
-            {progress === 100 ? "Velykket!" : "Send en vits til Endre 🦙"}
+            {progress === 100 ? "Velykket!" : "Laster opp! 🦙"}
           </Typography>
           <BorderLinearProgress
-            sx={{ width: "20rem" }}
+            sx={{ width: "25vw" }}
             variant="determinate"
             value={progress}
           />