aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web/components
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/components')
-rw-r--r--apps/web/components/dashboard/UploadDropzone.tsx2
-rw-r--r--apps/web/components/dashboard/bookmarks/Bookmarks.tsx2
-rw-r--r--apps/web/components/dashboard/bookmarks/TopNav.tsx6
-rw-r--r--apps/web/components/ui/full-page-spinner.tsx11
4 files changed, 14 insertions, 7 deletions
diff --git a/apps/web/components/dashboard/UploadDropzone.tsx b/apps/web/components/dashboard/UploadDropzone.tsx
index d1a423ce..b08ac0a6 100644
--- a/apps/web/components/dashboard/UploadDropzone.tsx
+++ b/apps/web/components/dashboard/UploadDropzone.tsx
@@ -76,7 +76,7 @@ export default function UploadDropzone({
<input {...getInputProps()} hidden />
<div
className={cn(
- "fixed inset-0 flex h-full w-full items-center justify-center bg-gray-200 opacity-90",
+ "fixed inset-0 z-50 flex h-full w-full items-center justify-center bg-gray-200 opacity-90",
isDragging || isUploading || isCreating ? undefined : "hidden",
)}
>
diff --git a/apps/web/components/dashboard/bookmarks/Bookmarks.tsx b/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
index 81dd9361..8aa723e9 100644
--- a/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
+++ b/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
@@ -26,7 +26,7 @@ export default async function Bookmarks({
const bookmarks = await api.bookmarks.getBookmarks(query);
return (
- <div className="container flex flex-col gap-3">
+ <div className="flex flex-col gap-3">
{header}
{showDivider && <Separator />}
<UpdatableBookmarksGrid
diff --git a/apps/web/components/dashboard/bookmarks/TopNav.tsx b/apps/web/components/dashboard/bookmarks/TopNav.tsx
index 568af15d..189c9d5c 100644
--- a/apps/web/components/dashboard/bookmarks/TopNav.tsx
+++ b/apps/web/components/dashboard/bookmarks/TopNav.tsx
@@ -1,9 +1,5 @@
import { SearchInput } from "../search/SearchInput";
export default function TopNav() {
- return (
- <div className="container py-4">
- <SearchInput />
- </div>
- );
+ return <SearchInput />;
}
diff --git a/apps/web/components/ui/full-page-spinner.tsx b/apps/web/components/ui/full-page-spinner.tsx
new file mode 100644
index 00000000..3817a04f
--- /dev/null
+++ b/apps/web/components/ui/full-page-spinner.tsx
@@ -0,0 +1,11 @@
+import Spinner from "./spinner";
+
+export function FullPageSpinner() {
+ return (
+ <div className="flex size-full">
+ <div className="m-auto">
+ <Spinner />
+ </div>
+ </div>
+ );
+}