feat: speakers open animation (#581)

cesium · Nov 24, 2023 · 2d897a8 · 2d897a8
1 parent 4923c9c
commit 2d897a8
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/layout/Speakers/components/Schedule/Table/Block/index.jsx b/layout/Speakers/components/Schedule/Table/Block/index.jsx
@@ -91,8 +91,15 @@ export default function Block({
           </div>
         </div>
       </div>
-
-      <p className={showSpeaker ? "hidden" : ""}>{description}</p>
+      <div>
+        <p
+          className={`transition-max-height overflow-hidden duration-300 max-h-${
+            showSpeaker ? "0" : "96"
+          }`}
+        >
+          {description}
+        </p>
+      </div>
     </div>
   );
 }