From 74aa9e2bc1a45647ca545a63e663550ab8255404 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Tue, 29 Sep 2020 01:28:42 +0100
Subject: Scale the page slightly when loading new pages

---
 src/App.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/App.tsx')

diff --git a/src/App.tsx b/src/App.tsx
index 56fbd17..361ea0d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -34,18 +34,20 @@ body {
   position: absolute;
   top: 0;
   left: 0;
-  transition: 300ms ease opacity;
+  transition: 300ms ease-in-out opacity, 300ms ease-in-out transform;
   width: 100%;
 }
 
 .fade-enter,
 .fade-exit-active {
   opacity: 0;
+  transform: scale(0.9);
 }
 
 .fade-enter-active {
   opacity: 1;
   z-index: 1;
+  transform: scale(1);
 }
 `;
 
-- 
cgit v1.2.3

