From 04c3cb2d4ecfca8a621e4be73e13f0af81a163c5 Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Tue, 4 Jul 2023 20:30:03 -0300
Subject: [PATCH] feat: add flowpage constants classes

---
 src/frontend/src/index.css                | 14 ++++++++++++++
 src/frontend/src/pages/FlowPage/index.tsx |  6 +++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index c80ff50ec..2c8b1c893 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -239,4 +239,18 @@ The cursor: default; property value restores the browser's default cursor style
   .components-disclosure-div {
     @apply flex gap-2
   }
+  .flow-page-positioning {
+    @apply h-full w-full overflow-hidden
+  }
+  .logspace-page-icon {
+    @apply absolute bottom-2 left-7 flex h-6 cursor-pointer flex-col items-center justify-start overflow-hidden rounded-lg bg-foreground px-2 text-center font-sans text-xs tracking-wide text-secondary transition-all duration-500 ease-in-out
+  }
+
+  .logspace-page-icon:hover {
+    @apply hover:h-12
+  }
+
+  .logspace-icon-text {
+    @apply mt-1
+  }
 }
\ No newline at end of file
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index 27846f794..8ff6c708a 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -20,7 +20,7 @@ export default function FlowPage() {
   }, []);
 
   return (
-    <div className="h-full w-full overflow-hidden">
+    <div className="flow-page-positioning">
       {flows.length > 0 &&
         tabId !== "" &&
         flows.findIndex((flow) => flow.id === tabId) !== -1 && (
@@ -29,9 +29,9 @@ export default function FlowPage() {
       <a
         target={"_blank"}
         href="https://logspace.ai/"
-        className="absolute bottom-2 left-7 flex h-6 cursor-pointer flex-col items-center justify-start overflow-hidden rounded-lg bg-foreground px-2 text-center font-sans text-xs tracking-wide text-secondary transition-all duration-500 ease-in-out hover:h-12"
+        className="logspace-page-icon"
       >
-        {version && <div className="mt-1">⛓️ LangFlow v{version}</div>}
+        {version && <div className="logspace-icon-text">⛓️ LangFlow v{version}</div>}
         <div className={version ? "mt-2" : "mt-1"}>Created by Logspace</div>
       </a>
     </div>