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:
@@ -88,18 +88,6 @@
|
|||||||
</PopoverContent>
|
</PopoverContent>
|
||||||
</Popover>
|
</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) -->
|
<!-- Task Status Filter (only for list view) -->
|
||||||
<TaskStatusFilter
|
<TaskStatusFilter
|
||||||
v-if="viewMode === 'list'"
|
v-if="viewMode === 'list'"
|
||||||
@@ -236,6 +224,18 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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 -->
|
<!-- Create Asset Button -->
|
||||||
<Button @click="$emit('create-asset')" size="sm" class="h-8 w-8 p-0">
|
<Button @click="$emit('create-asset')" size="sm" class="h-8 w-8 p-0">
|
||||||
<Plus class="h-4 w-4" />
|
<Plus class="h-4 w-4" />
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="space-y-4">
|
<div class="space-y-4 px-4">
|
||||||
<div class="rounded-md border">
|
<div class="rounded-md border">
|
||||||
<Table>
|
<Table>
|
||||||
<TableHeader>
|
<TableHeader>
|
||||||
|
|||||||
@@ -19,9 +19,7 @@
|
|||||||
|
|
||||||
<!-- Content -->
|
<!-- Content -->
|
||||||
<div class="flex-1 overflow-auto">
|
<div class="flex-1 overflow-auto">
|
||||||
<div class="p-4 sm:p-6">
|
<AssetBrowser :project-id="projectId" />
|
||||||
<AssetBrowser :project-id="projectId" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user