feat: update branding in login page and enhance subscriptions layout …

…with section wrapper
neopromic · Dec 20, 2024 · 3c3405b · 3c3405b
1 parent bc7e731
commit 3c3405b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/app/login/page.tsx b/app/login/page.tsx
@@ -19,15 +19,15 @@ const Login = async () => {
         <div className="mx-auto max-w-[550px] items-start">
           <Image
             src={"/logo.svg"}
-            alt="finance ai"
+            alt="jupiter finance"
             width={173}
             height={39}
             className=""
           />
           <h1 className="mt-8 text-4xl font-bold">Bem-vindo</h1>
           <p className="mt-2 text-base text-muted-foreground">
-            A Finance AI é uma plataforma de gestão financeira que utiliza IA
-            para monitorar suas movimentações, e oferecer insights
+            A Jupiter Finance é uma plataforma de gestão financeira que utiliza
+            IA para monitorar suas movimentações, e oferecer insights
             personalizados, facilitando o controle do seu orçamento.
           </p>
           <SignInButton>

diff --git a/app/subscriptions/page.tsx b/app/subscriptions/page.tsx
@@ -14,7 +14,7 @@ import { ScrollArea } from "../_components/ui/scroll-area";
 
 const Subscriptions = () => {
   return (
-    <>
+    <section className="h-[100vh] overflow-hidden">
       <Header />
       <ScrollArea>
         <section className="h-screen space-y-6 overflow-hidden p-6 lg:pb-0">
@@ -93,7 +93,7 @@ const Subscriptions = () => {
           </div>
         </section>
       </ScrollArea>
-    </>
+    </section>
   );
 };
 

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -57,8 +57,18 @@ const config: Config = {
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",
       },
+      animation: {
+        matrix: "matrix 1s infinite linear",
+      },
+      keyframes: {
+        matrix: {
+          "0%": { "background-position": "0% 100%, 50% 100%, 100% 100%" },
+          "100%": { "background-position": "0% 0%, 50% 0%, 100% 0%" },
+        },
+      },
     },
   },
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   plugins: [require("tailwindcss-animate")],
 };
 export default config;