style: adjust bounce loading to be center aligned

100-hours-a-week · Nov 19, 2024 · 4893999 · 4893999
1 parent 23f518e
commit 4893999
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 13 deletions.
diff --git a/src/app/(pages)/4q-create/download/[ticketId]/page.tsx b/src/app/(pages)/4q-create/download/[ticketId]/page.tsx
@@ -34,18 +34,6 @@ export default function Page() {
     }
   }, [ticketId]);
 
-  const showModal = () => {
-    setIsModalOpen(true);
-  };
-
-  const handleOk = () => {
-    setIsModalOpen(false);
-  };
-
-  const handleCancel = () => {
-    setIsModalOpen(false);
-  };
-
   const handleDownload = async () => {
     if (ticketUrl) {
       try {

diff --git a/src/app/(pages)/4q-gallery/_components/item-container.module.css b/src/app/(pages)/4q-gallery/_components/item-container.module.css
@@ -15,3 +15,10 @@
   text-align: center;
   column-gap: 10px;
 }
+
+.loadingContainer {
+  margin-top: 50px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
diff --git a/src/app/(pages)/4q-gallery/_components/item-container.tsx b/src/app/(pages)/4q-gallery/_components/item-container.tsx
@@ -51,7 +51,7 @@ export default function Container({ category, tag, sort }: ContainerProps) {
 
   if (isLoading) {
     return (
-      <div style={{ marginTop: "50px" }}>
+      <div className={styles.loadingContainer}>
         <BounceDot option={loadingOption} />
       </div>
     );