New UI, upgraded code

This commit is contained in:
Saifeddine ALOUI
2023-08-01 00:51:06 +02:00
parent 87be7f961f
commit 4d75865c9a
10 changed files with 159 additions and 73 deletions

View File

@ -4,11 +4,15 @@
@click.stop="toggleSelected" :class="selected ? ' border-primary bg-primary' : 'border-transparent'" :title="title">
<!-- CUSTOM MODEL VIEW -->
<div class="flex flex-row" v-if="model.isCustomModel">
<div class="flex gap-3 items-center grow">
<img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-lg object-fill">
<h3 class="font-bold font-large text-lg truncate ">
{{ title }}
</h3>
<div class="max-w-[300px] overflow-x-auto">
<div class="flex gap-3 items-center grow">
<img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-lg object-fill">
<div class="flex-1 overflow-hidden">
<h3 class="font-bold font-large text-lg truncate">
{{ title }}
</h3>
</div>
</div>
</div>