Match asset page layout and toolbar to shot page

- Remove wrapper padding from ProjectAssetsView so toolbar sits flush
  under the header, matching the shot page
- Add px-4 to AssetsDataTable root div to match ShotsDataTable margin
- Move thumbnail toggle from left filter group to right action area as
  an icon-only button, matching the shot toolbar's right-side pattern

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-22 01:29:27 +08:00
parent 0acf9ddff2
commit b3ee14cc6e
3 changed files with 14 additions and 16 deletions
@@ -88,18 +88,6 @@
</PopoverContent>
</Popover>
<!-- Thumbnail Toggle Button -->
<Button
variant="outline"
size="sm"
@click="$emit('update:show-thumbnails', !showThumbnails)"
class="h-8"
>
<ImageIcon v-if="!showThumbnails" class="h-4 w-4 mr-2" />
<ImageOff v-else class="h-4 w-4 mr-2" />
{{ showThumbnails ? 'Hide' : 'Show' }} Thumbnails
</Button>
<!-- Task Status Filter (only for list view) -->
<TaskStatusFilter
v-if="viewMode === 'list'"
@@ -236,6 +224,18 @@
/>
</div>
<!-- Thumbnail Toggle -->
<Button
variant="outline"
size="sm"
@click="$emit('update:show-thumbnails', !showThumbnails)"
class="h-8 w-8 p-0"
:title="showThumbnails ? 'Hide Thumbnails' : 'Show Thumbnails'"
>
<ImageIcon v-if="!showThumbnails" class="h-4 w-4" />
<ImageOff v-else class="h-4 w-4" />
</Button>
<!-- Create Asset Button -->
<Button @click="$emit('create-asset')" size="sm" class="h-8 w-8 p-0">
<Plus class="h-4 w-4" />
@@ -1,5 +1,5 @@
<template>
<div class="space-y-4">
<div class="space-y-4 px-4">
<div class="rounded-md border">
<Table>
<TableHeader>
@@ -19,9 +19,7 @@
<!-- Content -->
<div class="flex-1 overflow-auto">
<div class="p-4 sm:p-6">
<AssetBrowser :project-id="projectId" />
</div>
<AssetBrowser :project-id="projectId" />
</div>
</div>
</template>