Refactor page.tsx to use Flex component for layout

json-schema-org · May 14, 2024 · 63bb32e · 63bb32e
1 parent caf9a6f
commit 63bb32e
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/app/[...markdownPath]/page.tsx b/app/[...markdownPath]/page.tsx
@@ -35,18 +35,17 @@ export default async function Content({
           Back TO OUTLINE
         </Button>
       </Link>
-      <div>
+      <Flex gap={4}>
         <span>
           Chapter {chapterIndex + 1}: {chapterTitle} (
           {((chapterIndex + 1) / totalChapters) * 100}%)
         </span>
-      </div>
-      <div>
+
         <span>
           Step {stepIndex + 1}: {metadata.title} (
           {((stepIndex + 1) / totalSteps) * 100} %)
         </span>
-      </div>
+      </Flex>
       <Flex dir="row" height={"100%"} gap={"8px"}>
         <ContentViewer>
           <Page />