From e765de46038033580393ea0f0ef7ca0091743bae Mon Sep 17 00:00:00 2001
From: Richard Unterberg <mail@richardunterberg.de>
Date: Tue, 2 Jan 2024 14:26:40 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20add=20some=20loading=20transitio?=
 =?UTF-8?q?n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/LayoutDefault.tsx |  2 +-
 layouts/styles.css        | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/layouts/LayoutDefault.tsx b/layouts/LayoutDefault.tsx
index 1348eb2..a401b90 100644
--- a/layouts/LayoutDefault.tsx
+++ b/layouts/LayoutDefault.tsx
@@ -21,7 +21,7 @@ const LayoutDefault = ({
       <div className="max-w-4xl m-auto text-light">
         <div className="relative container px-5 mx-auto text-white text-base">
           <Header />
-          <div>{children}</div>
+          <div className="page-portal">{children}</div>
           <Footer />
         </div>
       </div>
diff --git a/layouts/styles.css b/layouts/styles.css
index eaed099..dc97ed3 100644
--- a/layouts/styles.css
+++ b/layouts/styles.css
@@ -4,4 +4,14 @@
 
 body {
     background-color: var(--tw-dark);
+}
+
+.page-portal {
+    opacity: 1;
+    transition: opacity 0.5s ease-in-out;
+}
+
+body.page-is-transitioning .page-portal {
+    opacity: 0;
+    transition: opacity 0.5s ease-in-out;
 }
\ No newline at end of file