Move permission badge and share button to list title line

- Created ListHeader component with permission and share on same line as title
- Permission badge and share button now appear to the right of the title
- Removed permission/share section from ListDetailView
- More compact header layout with better use of space
This commit is contained in:
2025-12-03 00:52:33 +00:00
parent 6c5f2fbc1e
commit 9a75965b2c
3 changed files with 115 additions and 41 deletions

View File

@@ -156,26 +156,6 @@ export default function ListDetailView({
return (
<div className="space-y-6">
{/* Permission Badge and Share Button */}
{(permission || canShare) && (
<div className="flex items-center justify-between gap-4">
{permission && (
<div>
<PermissionBadge permission={permission} />
</div>
)}
{canShare && (
<button
onClick={() => setIsShareModalOpen(true)}
className="ml-auto flex items-center gap-2 px-4 py-2 bg-blue-500 hover:bg-blue-600 active:bg-blue-700 text-white rounded-lg transition-colors text-sm font-medium"
>
<Share2 size={16} />
Share
</button>
)}
</div>
)}
{/* Search Bar */}
<SearchBar
onSearch={handleSearchCallback}