diff options
| author | MohamedBassem <me@mbassem.com> | 2024-10-05 16:35:47 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-10-05 17:15:36 +0000 |
| commit | 3a8d197437868ca10d294f0174afa013f138ec33 (patch) | |
| tree | a78f8957cbb04b3f38727a6d8842f3749528b0ed /apps/web/components/dashboard/settings/ImportExport.tsx | |
| parent | 03e938a903f520ff4c6976d873355a0f44278a9e (diff) | |
| download | karakeep-3a8d197437868ca10d294f0174afa013f138ec33.tar.zst | |
feature(web): Change the settings page to be tabbed
Diffstat (limited to 'apps/web/components/dashboard/settings/ImportExport.tsx')
| -rw-r--r-- | apps/web/components/dashboard/settings/ImportExport.tsx | 14 |
1 files changed, 4 insertions, 10 deletions
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> ); } |