WIP

2021-08-03 21:34:12 +10:00
parent f597600a95
commit f898b1dd49
15 changed files with 67 additions and 69 deletions
@@ -15,9 +15,16 @@ export const Sidebar = (): JSX.Element => {
    <AnimatePresence>
      {sidebarOpen && (
        <motion.div
-          className={`${
-            sidebarOpen ? 'flex' : 'hidden md:flex'
-          } flex-col rounded-md md:ml-0 shadow-md border w-full max-w-sm`}
+          initial={{
+            height: 0,
+          }}
+          animate={{
+            height: 'auto',
+          }}
+          exit={{
+            height: 0,
+          }}
+          className="flex flex-col rounded-3xl md:ml-0 shadow-md border w-full md:max-w-sm"
        >
          <Nodes />
          <Device />