splash

src/app/globals.css

@@ -127,3 +127,29 @@ tbody tr {
 .overflowX::-webkit-scrollbar {
   display: none;
 }
+
+@keyframes slideDown {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideUp {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+.animate-slide-down {
+  animation: slideDown 1s ease-out forwards;
+}
+
+.animate-slide-up {
+  animation: slideUp 1s ease-out forwards;
+}

src/app/layout.tsx

@@ -12,6 +12,7 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
 
 import QueryProvider from "@/config/QueryProvider";
 import ToastContainer from "@/components/Toast";
+// import Splash from "@/components/Splash";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -51,7 +52,7 @@ export default function RootLayout({
           <ReactQueryDevtools initialIsOpen={false} />
           {/* <ToastContainer /> */}
           <ToastContainer />
-
+          {/* <Splash /> */}
         </QueryProvider>
       </body>
     </html>