BLOG-27 Add the different size shadows of the home page terminal #31

Merged
squid merged 3 commits from BLOG-27_the_shadow_of_the_home_page_terminal into main 2025-01-21 23:21:18 +08:00

View File

@ -38,7 +38,7 @@ export default function Terminal() {
return ( return (
<div <div
ref={element} 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={`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) => ( {lines.slice(0, currentIndex).map((line, index) => (
<NormalLine key={index} text={line} /> <NormalLine key={index} text={line} />