Fix graphics (#46)

* Fix graphics * Replace FILE_FEED_ITEM with item * Adjust position for lg and xl * Didn't need these diffs
FlatFilers · Apr 22, 2024 · 3022430 · 3022430
1 parent 9b7568e
commit 3022430
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git a/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx b/app/(authenticated)/(content)/embedded-portal/embedded-portal.tsx
@@ -50,7 +50,7 @@ export default function EmbeddedPortal({
   };
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 md:relative">
       <HeaderContent item={EMBEDDED_PORTAL_ITEM} steps={steps} />
       <div className="">
         <p className="text-2xl mb-8 md:max-w-lg">
@@ -81,12 +81,11 @@ export default function EmbeddedPortal({
             </div>
           </div>
         </div>
+        <SVG
+          src={EMBEDDED_PORTAL_ITEM.heroUri}
+          className="w-full md:w-2/3 lg:w-1/2 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[30%] lg:top-[100%]"
+        />
       </div>
-
-      <SVG
-        src={EMBEDDED_PORTAL_ITEM.heroUri}
-        className="w-full md:w-2/3 lg:w-1/4 md:mx-auto md:absolute md:left-[35%] md:top-[52%] lg:left-[50%] lg:top-[35%]"
-      />
     </div>
   );
 }
diff --git a/app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx b/app/(authenticated)/(content)/file-feed/[spaceId]/workspace.tsx
@@ -119,7 +119,7 @@ export default function Workspace({
       </div>
       <SVG
         src={FILE_FEED_ITEM.heroUri}
-        className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[50%] lg:top-[60%]"
+        className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[70%] lg:top-[60%] xl:left-[50%]"
       />
     </div>
   );

diff --git a/app/(authenticated)/(content)/file-feed/setup-space.tsx b/app/(authenticated)/(content)/file-feed/setup-space.tsx
@@ -7,13 +7,15 @@ import {
   FILE_FEED_ITEM,
 } from "@/lib/workflow-constants";
 import { WorkflowType } from "@/lib/workflow-type";
+import SVG from "react-inlinesvg";
 
 export default function SetupSpace() {
   const steps = FILE_FEED_INITIAL_STEPS;
+  const item = FILE_FEED_ITEM;
 
   return (
     <div className="space-y-6">
-      <HeaderContent item={FILE_FEED_ITEM} steps={steps} />
+      <HeaderContent item={item} steps={steps} />
 
       {steps[0].status === "current" && (
         <div className=" space-y-4 md:max-w-lg">
@@ -30,6 +32,10 @@ export default function SetupSpace() {
           />
         </div>
       )}
+      <SVG
+        src={item.heroUri}
+        className="w-full md:w-2/3 lg:w-1/2 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[40%] lg:top-[60%]"
+      />
     </div>
   );
 }
diff --git a/app/(authenticated)/(content)/project-onboarding/workspace.tsx b/app/(authenticated)/(content)/project-onboarding/workspace.tsx
@@ -53,13 +53,12 @@ export default function Workspace({ spaceId }: { spaceId: string }) {
               </a>
             </p>
           </div>
+          <SVG
+            src={PROJECT_ONBOARDING_ITEM.heroUri}
+            className="w-full md:w-2/3 lg:w-1/2 md:mx-auto md:absolute md:left-[45%] md:top-[100%] lg:left-[30%] lg:top-[100%]"
+          />
         </div>
       </div>
-
-      <SVG
-        src={PROJECT_ONBOARDING_ITEM.heroUri}
-        className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[52%] lg:left-[45%] lg:top-[35%]"
-      />
     </div>
   );
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -119,7 +119,7 @@ export default function Workspace({ @@
           </div>
           <SVG
             src={FILE_FEED_ITEM.heroUri}
-            className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[50%] lg:top-[60%]"
+            className="w-full md:w-2/3 lg:w-1/3 md:mx-auto md:absolute md:left-[35%] md:top-[100%] lg:left-[70%] lg:top-[60%] xl:left-[50%]"
           />
         </div>
       );
@@ Expand Down @@