imi-bas/pronature-platform
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

assetbrowser improvement

Browse Source
This commit is contained in:
goynov
2026-04-03 13:46:46 +03:00
parent 6cc9d48bfe
commit 9a8446c732
3 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AssetsManagement/AssetBrowser.vue
+10 -8
View File
@@ -12,17 +12,19 @@
<v-container class="asset-browser">
<v-row>
<v-col v-for="(v, i) in items" :key="i" cols="12" xs="6" sm="4" md="3" xl="2" class="position-relative img-preview">
<div class="img-wrapper">
<img :src="`/asset/thumb/${v.asset?.thumb}`" class="cursor-pointer" @click="$emit('select', v)"></img>
<div class="position-relative img-wrapper">
<img :src="`/asset/thumb/${v.asset?.thumb}`" class="cursor-pointer"></img>
<div class="btn-play position-absolute cursor-pointer top-0 right-0 w-100 h-100 d-flex justify-center align-center" @click.self="$emit('select', v)">
<v-btn icon="mdi-play" @click="preview(v)" variant="elevated" color="light-blue-darken-4" size="x-large"></v-btn>
<slot name="action-buttons" v-bind:object="v"></slot>
</div>
</div>
<div class="d-flex">
<span class="flex-grow-1">{{ v.name }}</span>
<v-icon variant="tonal" density="comfortable" :icon="`mdi-${ $p.objectTypes.find(t=>t.value == v.type).icon }`"
:color="$p.objectTypes.find(t=>t.value == v.type).color" class="position-absolute top-0 left-0 ma-5">
</v-icon>
<v-btn variant="tonal" density="comfortable" size="small" icon="mdi-play" @click="preview(v)"
color="light-blue-darken-4" class="position-absolute top-0 right-0 ma-6"></v-btn>
<slot name="action-buttons" v-bind:object="v"></slot>
<v-btn class="position-absolute top-0 left-0 ma-5" density="comfortable" size="small" rounded
:color="$p.objectTypes.find(t=>t.value == v.type).color"
:icon="`mdi-${ $p.objectTypes.find(t=>t.value == v.type).icon }`">
</v-btn>
</div>
</v-col>
</v-row>