ease drawer in and out

seigler · Apr 16, 2024 · 8c37113 · 8c37113
1 parent be41bda
commit 8c37113
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
@@ -13,7 +13,7 @@ export default function Drawer({ children }: DrawerProps) {
         }}
         class="drawer-handle"
       >
-        {isOpen.value ? "Reference 🞃" : "Reference 🞁"}
+        {isOpen.value ? "Close Reference" : "Open Reference"}
       </button>
       {children}
     </div>

diff --git a/src/style.css b/src/style.css
@@ -319,6 +319,7 @@ footer {
   left: 0;
   right: 0;
   transform: translateY(100%);
+  transition: transform ease 0.2s;
   display: flex;
   flex-direction: column;
   align-items: stretch;