style: relocate btn of 4q create

100-hours-a-week · Oct 10, 2024 · 37e3cad · 37e3cad
1 parent d0a46e6
commit 37e3cad
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/src/app/(pages)/4q-gallery/_components/create-container.module.css b/src/app/(pages)/4q-gallery/_components/create-container.module.css
@@ -30,8 +30,15 @@
 }
 
 .prevBtnContainer {
-  position: absolute;
+  position: fixed;
   left: 50%;
   transform: translateX(-50%);
-  bottom: -50px;
+  bottom: -20px;
 }
+
+.prevBtn {
+  position: fixed;
+  bottom: -70px;
+  left: 50%;
+  transform: translateX(-50%);
+}
diff --git a/src/app/(pages)/4q-gallery/_components/second.module.css b/src/app/(pages)/4q-gallery/_components/second.module.css
@@ -109,7 +109,7 @@
   width: 100%;
   position: absolute;
   left: 50%;
-  bottom: 13%;
+  bottom: 11%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;

diff --git a/src/app/(pages)/4q-gallery/_components/second.tsx b/src/app/(pages)/4q-gallery/_components/second.tsx
@@ -89,7 +89,7 @@ export default function Third() {
 
   const [backgroundImage] = useImage(
     storedFormData.backgroundImageUrl,
-    "anonymous"
+    "use-credentials"
   );
   const [qrImage] = useImage(qrImageUrl, "anonymous");
 

diff --git a/src/service/photo_api.ts b/src/service/photo_api.ts
@@ -155,7 +155,6 @@ export const likeImage = async (imageId: string) => {
 export const getGalleryData = async (page: number, category: string, tag: string, sort: string) => {
   const token = sessionStorage.getItem('AccessToken');
 
-  // Construct the URL with optional query parameters
   const url = new URL(`${BASE_URL}/gallery`);
   url.searchParams.append('page', page.toString());
   if (category && category !== 'all') url.searchParams.append('categoryName', category);