From d1e9e015c6fd9717934cddcd74e0b1511b830091 Mon Sep 17 00:00:00 2001
From: Ayc0 <ayc0.benj@gmail.com>
Date: Sat, 9 Nov 2024 19:43:36 +0100
Subject: [PATCH] fix height

---
 src/components/post-react-life-cycles-and-timings/a.tsx         | 2 +-
 .../post-react-life-cycles-and-timings/frame.module.css         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/post-react-life-cycles-and-timings/a.tsx b/src/components/post-react-life-cycles-and-timings/a.tsx
index 32f7986..c0c0163 100644
--- a/src/components/post-react-life-cycles-and-timings/a.tsx
+++ b/src/components/post-react-life-cycles-and-timings/a.tsx
@@ -88,7 +88,7 @@ export function A() {
         style={{
           borderTop: "1px solid var(--sl-color-gray-5)",
           padding: "1rem",
-          minHeight: "10rem",
+          minHeight: "4rem",
         }}
       >
         {state ? <Component /> : null}
diff --git a/src/components/post-react-life-cycles-and-timings/frame.module.css b/src/components/post-react-life-cycles-and-timings/frame.module.css
index e013714..035e609 100644
--- a/src/components/post-react-life-cycles-and-timings/frame.module.css
+++ b/src/components/post-react-life-cycles-and-timings/frame.module.css
@@ -17,6 +17,7 @@
 .console[class] {
   margin-top: 0;
   background: var(--sl-color-gray-7);
+  min-height: 15rem;
 }
 @media screen and (min-width: 591px) {
   .console[class] {
-- 
2.51.2