chore(docs): simplify intro example

lawvs · Sep 3, 2024 · 74568a7 · 74568a7
1 parent 8a7a7ef
commit 74568a7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/docs/src/components/intro-example/code.tsx b/packages/docs/src/components/intro-example/code.tsx
@@ -26,12 +26,10 @@ export function AdvancedFilter() {
   const { context, predicate } = useFilterSphere({ schema });
   return (
     <>
-      <div className="not-content" style={{ marginTop: "1rem" }}>
-        {/* 3. display the FilterBuilder inside the FilterSphereProvider */}
-        <FilterSphereProvider context={context}>
-          <FilterBuilder />
-        </FilterSphereProvider>
-      </div>
+      {/* 3. display the FilterBuilder inside the FilterSphereProvider */}
+      <FilterSphereProvider context={context}>
+        <FilterBuilder />
+      </FilterSphereProvider>
       {/* 4. use the predicate to filter the data */}
       <Table data={data.filter(predicate)} />
     </>

diff --git a/packages/docs/src/content/docs/guides/introduction.mdx b/packages/docs/src/content/docs/guides/introduction.mdx
@@ -16,7 +16,9 @@ import importedCode from "~/components/intro-example/code?raw";
 
 <Tabs>
   <TabItem label="Preview">
-    <AdvancedFilter client:load />
+    <div className="not-content" style={{ marginTop: "1rem" }}>
+      <AdvancedFilter client:load />
+    </div>
   </TabItem>
   <TabItem label="Code">
     <Code code={importedCode} lang="tsx" />