remove justify center so the view of the data always be visible (in small screens)

Anchel123 · Anchel123 · commit 56b7b917de43 · 2024-12-04T15:54:50.000+02:00
diff --git a/app/components/dataPanel.tsx b/app/components/dataPanel.tsx
@@ -43,7 +43,7 @@ export default function DataPanel({ obj, setObj, url }: Props) {
                     <X color="white" />
                 </button>
             </header>
-            <main ref={containerRef} className="bg-[#343434] flex flex-col grow overflow-y-auto p-4 justify-center">
+            <main ref={containerRef} className="bg-[#343434] flex flex-col grow overflow-y-auto p-4">
                 {
                     object.map(([key, value]) => (
                         <div key={key} className="flex gap-2">

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ export default function DataPanel({ obj, setObj, url }: Props) {`
`43`	`43`	`<X color="white" />`
`44`	`44`	`</button>`
`45`	`45`	`</header>`
`46`		`- <main ref={containerRef} className="bg-[#343434] flex flex-col grow overflow-y-auto p-4 justify-center">`
	`46`	`+ <main ref={containerRef} className="bg-[#343434] flex flex-col grow overflow-y-auto p-4">`
`47`	`47`	`{`
`48`	`48`	`object.map(([key, value]) => (`
`49`	`49`	`<div key={key} className="flex gap-2">`