mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2025-06-22 08:50:08 +00:00
reordered img
This commit is contained in:
@ -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: </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
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user