From 30c529fe0278b9e44187b1c1831c19272baeec4a Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 30 Dec 2022 13:55:46 +0800
Subject: [PATCH] No opacity for sheet animation

Move things around a bit
---
 src/app.css   | 12 +-----------
 src/index.css |  9 +++++++++
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/app.css b/src/app.css
index 9ddc02d0..424d6e45 100644
--- a/src/app.css
+++ b/src/app.css
@@ -592,16 +592,6 @@ button.carousel-dot[disabled].active {
 
 /* SHEET */
 
-@keyframes slide-up {
-  0% {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
 .sheet {
   align-self: flex-end;
   display: flex;
@@ -614,7 +604,7 @@ button.carousel-dot[disabled].active {
   max-width: calc(40em - 50px - 16px);
   border-radius: 16px 16px 0 0;
   box-shadow: 0 -1px 32px var(--divider-color);
-  animation: slide-up 0.2s var(--timing-function);
+  animation: slide-up 0.3s var(--timing-function);
   border: 1px solid var(--outline-color);
 }
 .sheet header {
diff --git a/src/index.css b/src/index.css
index ea104ae4..91a4dd22 100644
--- a/src/index.css
+++ b/src/index.css
@@ -277,3 +277,12 @@ code {
     transform: translateY(0);
   }
 }
+
+@keyframes slide-up {
+  0% {
+    transform: translateY(100%);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}