reordered img

This commit is contained in:
andzejsp
2023-05-25 21:12:39 +03:00
parent c48efd5550
commit 482b71aba0

View File

@ -1,21 +1,23 @@
<template>
<div class="flex items-center p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer"
@click.stop="toggleSelected" :class="selected ? ' border-primary-light' : 'border-transparent'">
<div class="flex-shrink-0">
<img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-lg object-fill text-red-700">
<!-- <i :class="`fas ${icon} text-xl`"></i> -->
</div>
<div v-if="model.isCustomModel">
<div class="flex-1" v-if="model.isCustomModel">
<div class="flex gap-3 items-center">
<img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-lg object-fill">
<h3 class="font-bold font-large text-lg">
{{ title }}
</h3>
</div>
</div>
<div class="flex-1" v-if="!model.isCustomModel">
<div class="flex gap-3 items-center">
<img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-lg object-fill">
<h3 class="font-bold font-large text-lg">
{{ title }}
</h3>
</div>
<div class="flex flex-shrink-0">
<b>Manual download:&nbsp;</b>
<a :href="path" @click.stop class="flex hover:text-secondary duration-75 active:scale-90"
@ -94,7 +96,7 @@ export default {
progress: 0,
installing: false,
uninstalling: false,
failedToLoad:false
failedToLoad: false
};
},
mounted() {
@ -107,7 +109,7 @@ export default {
methods: {
getImgUrl() {
if (this.icon === '/images/default_model.png'){
if (this.icon === '/images/default_model.png') {
return defaultImgPlaceholder
}