fix(layout): fix responsive start

Author: codebayu

app/page.tsx

@@ -31,6 +31,7 @@ export default async function HomePage() {
 }
 
 async function getLearns(): Promise<ILearn[]> {
+  revalidatePath('/')
   const response = await prisma.learn.findMany()
   return response.map(learnDto)
 }

app/star.css

@@ -209,3 +209,15 @@
 .single-star:nth-child(5)::after {
   animation-delay: 1.8s;
 }
+
+@media only screen and (max-width: 1024px) {
+  @keyframes falling {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(200px);
+    }
+  }
+}

components/elements/ShiningStar.tsx

@@ -1,6 +1,6 @@
 export default function ShiningStar() {
   return (
-    <div className="absolute right-0 top-64">
+    <div className="fixed right-0 top-64">
       <div className="night">
         <div className="single-star"></div>
         <div className="single-star"></div>