From 6a8a3de47b43d15742436f2a24f7373ef688df1d Mon Sep 17 00:00:00 2001
From: Zoe <7711zoe@gmail.com>
Date: Tue, 21 Jan 2025 19:16:48 +0800
Subject: [PATCH 1/3] BLOG-27 fix: the shadow of the home page terminal

---
 frontend/src/lib/home/framework/ui/Terminal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/home/framework/ui/Terminal.tsx b/frontend/src/lib/home/framework/ui/Terminal.tsx
index bdba586..6767937 100644
--- a/frontend/src/lib/home/framework/ui/Terminal.tsx
+++ b/frontend/src/lib/home/framework/ui/Terminal.tsx
@@ -38,7 +38,7 @@ export default function Terminal() {
   return (
     <div
       ref={element}
-      className={`bg-true-gray-700 border-true-gray-800 flex w-full flex-col gap-y-1.5 rounded-2xl border-4 p-4 pb-28 font-mono font-medium text-gray-50 transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl ${isReady ? "opacity-100" : "opacity-0"}`}
+      className={`bg-true-gray-700 border-true-gray-800 flex w-full flex-col gap-y-1.5 rounded-2xl border-4 p-4 pb-28 font-mono font-medium text-gray-50 shadow-xl transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl ${isReady ? "opacity-100" : "opacity-0"}`}
     >
       {lines.slice(0, currentIndex).map((line, index) => (
         <NormalLine key={index} text={line} />
-- 
2.47.1


From 6662d9c7de952806a18b75de316b2f5781d2961d Mon Sep 17 00:00:00 2001
From: Zoe <7711zoe@gmail.com>
Date: Tue, 21 Jan 2025 21:59:01 +0800
Subject: [PATCH 2/3] BLOG-27 fix: add mobile version shadow on home page
 terminal

---
 frontend/src/lib/home/framework/ui/Terminal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/home/framework/ui/Terminal.tsx b/frontend/src/lib/home/framework/ui/Terminal.tsx
index 6767937..828c910 100644
--- a/frontend/src/lib/home/framework/ui/Terminal.tsx
+++ b/frontend/src/lib/home/framework/ui/Terminal.tsx
@@ -38,7 +38,7 @@ export default function Terminal() {
   return (
     <div
       ref={element}
-      className={`bg-true-gray-700 border-true-gray-800 flex w-full flex-col gap-y-1.5 rounded-2xl border-4 p-4 pb-28 font-mono font-medium text-gray-50 shadow-xl transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl ${isReady ? "opacity-100" : "opacity-0"}`}
+      className={`bg-true-gray-700 border-true-gray-800 flex w-full flex-col gap-y-1.5 rounded-2xl border-4 p-4 pb-28 font-mono font-medium text-gray-50 shadow-lg md:shadow-xl transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl ${isReady ? "opacity-100" : "opacity-0"}`}
     >
       {lines.slice(0, currentIndex).map((line, index) => (
         <NormalLine key={index} text={line} />
-- 
2.47.1


From 7e1f4ea9425b3adc499021ac7ab106a935600494 Mon Sep 17 00:00:00 2001
From: Zoe <7711zoe@gmail.com>
Date: Tue, 21 Jan 2025 23:16:05 +0800
Subject: [PATCH 3/3] BLOG-27 refactor: reorder tailwind css

---
 frontend/src/lib/home/framework/ui/Terminal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/home/framework/ui/Terminal.tsx b/frontend/src/lib/home/framework/ui/Terminal.tsx
index 828c910..2e64b7a 100644
--- a/frontend/src/lib/home/framework/ui/Terminal.tsx
+++ b/frontend/src/lib/home/framework/ui/Terminal.tsx
@@ -38,7 +38,7 @@ export default function Terminal() {
   return (
     <div
       ref={element}
-      className={`bg-true-gray-700 border-true-gray-800 flex w-full flex-col gap-y-1.5 rounded-2xl border-4 p-4 pb-28 font-mono font-medium text-gray-50 shadow-lg md:shadow-xl transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl ${isReady ? "opacity-100" : "opacity-0"}`}
+      className={`flex w-full flex-col gap-y-1.5 rounded-2xl border-4 border-true-gray-800 bg-true-gray-700 p-4 pb-28 font-mono font-medium text-gray-50 shadow-lg transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl md:shadow-xl ${isReady ? "opacity-100" : "opacity-0"}`}
     >
       {lines.slice(0, currentIndex).map((line, index) => (
         <NormalLine key={index} text={line} />
-- 
2.47.1