Put still actions on the stage and split output vs input hide.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -35,6 +35,11 @@
|
||||
placeholder="Name or prompt"
|
||||
aria-label="Search library"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
class="lib-modal-preview-all"
|
||||
@click="$emit('toggle-preview')"
|
||||
>{{ previewHidden ? 'Show all previews' : 'Hide all previews' }}</button>
|
||||
<div class="lib-modal-filters" role="group" aria-label="Type">
|
||||
<button
|
||||
v-for="opt in filterOptions"
|
||||
@@ -95,6 +100,7 @@
|
||||
<button type="button" @click="$emit('use-as-photo', detailAsset)">Use as photo</button>
|
||||
<button type="button" @click="$emit('copy-prompt', detailAsset)">Copy prompt</button>
|
||||
<button type="button" @click="$emit('load', detailAsset)">Load</button>
|
||||
<button type="button" @click="$emit('toggle-preview')">{{ previewHidden ? 'Show output' : 'Hide output' }}</button>
|
||||
<button type="button" class="danger" @click="onDeleteClick">Delete</button>
|
||||
<button type="button" class="primary" @click="useAndClose">Use and close</button>
|
||||
</div>
|
||||
@@ -126,6 +132,7 @@ const props = defineProps<{
|
||||
assets?: any[]
|
||||
selected?: any
|
||||
folderId?: string
|
||||
previewHidden?: boolean
|
||||
isHidden?: (asset: any) => boolean
|
||||
}>()
|
||||
|
||||
@@ -136,6 +143,7 @@ const emit = defineEmits<{
|
||||
'copy-prompt': [asset: any]
|
||||
load: [asset: any]
|
||||
delete: [asset: any]
|
||||
'toggle-preview': []
|
||||
}>()
|
||||
|
||||
const filterOptions = [
|
||||
@@ -402,6 +410,21 @@ onBeforeUnmount(() => {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
}
|
||||
.lib-modal-preview-all {
|
||||
border: 1px solid #2a2a2e;
|
||||
border-radius: 8px;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
padding: 8px 10px;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.lib-modal-preview-all:hover {
|
||||
border-color: #f5a524;
|
||||
color: #f5a524;
|
||||
}
|
||||
.lib-modal-filters { display: inline-flex; gap: 4px; }
|
||||
.lib-modal-chip {
|
||||
border: 1px solid #2a2a2e;
|
||||
|
||||
Reference in New Issue
Block a user