merging

coinbase · Feb 25, 2024 · 5d17638 · 5d17638
1 parent f581a04
commit 5d17638
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/framegear/app/page.tsx b/framegear/app/page.tsx
@@ -6,13 +6,14 @@ import { ValidationResults } from '@/components/ValidationResults';
 
 export default function Home() {
   return (
-    <div className="max-w-layout-max mx-auto  flex flex-col items-center gap-8 pb-16">
+    <div className="max-w-layout-max mx-auto  flex flex-col  gap-8 pb-16">
       <Header />
-      <div className="max-w-layout-max mx-auto flex gap-8">
+      <div className="max-w-layout-max  flex gap-8">
         <div className="flex w-1/3 flex-col gap-4">
           <FrameInput />
           <Frame />
         </div>
+
         <ValidationResults />
       </div>
     </div>

diff --git a/framegear/components/Frame/Frame.tsx b/framegear/components/Frame/Frame.tsx
@@ -85,7 +85,7 @@ function ErrorFrame() {
 
 function PlaceholderFrame() {
   return (
-    <div className="flex flex-col">
+    <div className="flex w-full flex-col">
       <div className="bg-farcaster flex aspect-[1.91/1] w-full rounded-t-xl"></div>
       <div className="bg-button-gutter-light dark:bg-content-light flex flex-wrap gap-2 rounded-b-xl px-4 py-2">
         <FrameButton>Get Started</FrameButton>

diff --git a/framegear/components/ValidationResults/ValidationResults.tsx b/framegear/components/ValidationResults/ValidationResults.tsx
@@ -24,7 +24,7 @@ export function ValidationResults() {
 
 function ValidationResultsPlaceholder() {
   return (
-    <div className="flex flex-col gap-4">
+    <div className="flex w-full flex-col gap-4">
       <h2>Frame validations</h2>
       <div className="bg-content-light dark:bg-content flex w-full flex-col gap-4 rounded-xl p-6">
         <p>No data yet.</p>
@@ -43,7 +43,7 @@ function ValidationResultsContent() {
   }, [latestResult]);
 
   return (
-    <div className="flex w-2/3 flex-col gap-4">
+    <div className="flex w-full flex-col gap-4">
       <h2>
         Frame validations{' '}
         {!!latestResult && (
@@ -54,7 +54,6 @@ function ValidationResultsContent() {
       </h2>
 
       <div className="bg-content-light dark:bg-content max-w-1/2 flex  flex-col gap-4 rounded-xl p-6">
-
         <ul className="flex list-none flex-col gap-4 p-0">
           {REQUIRED_FIELD_NAMES.map((name) => {
             const value = latestResult.tags[name];