From 3a8d197437868ca10d294f0174afa013f138ec33 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 5 Oct 2024 16:35:47 +0000
Subject: feature(web): Change the settings page to be tabbed

---
 apps/web/components/dashboard/settings/ImportExport.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

(limited to 'apps/web/components/dashboard/settings/ImportExport.tsx')

diff --git a/apps/web/components/dashboard/settings/ImportExport.tsx b/apps/web/components/dashboard/settings/ImportExport.tsx
index 25b2073c..2bc930f7 100644
--- a/apps/web/components/dashboard/settings/ImportExport.tsx
+++ b/apps/web/components/dashboard/settings/ImportExport.tsx
@@ -187,7 +187,7 @@ export function ImportExportRow() {
 
   return (
     <div className="flex flex-col gap-3">
-      <div className="flex flex-row gap-2">
+      <div className="flex flex-row flex-wrap gap-2">
         <FilePickerButton
           loading={false}
           accept=".html"
@@ -233,15 +233,9 @@ export function ImportExportRow() {
 
 export default function ImportExport() {
   return (
-    <div>
-      <div className="flex items-center justify-between">
-        <div className="mb-4 text-lg font-medium">
-          Import / Export Bookmarks
-        </div>
-      </div>
-      <div className="mt-2">
-        <ImportExportRow />
-      </div>
+    <div className="flex w-full flex-col gap-2">
+      <p className="mb-4 text-lg font-medium">Import / Export Bookmarks</p>
+      <ImportExportRow />
     </div>
   );
 }
-- 
cgit v1.2.3-70-g09d2

