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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user