ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-06-22 16:58:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

reordered img

Browse Source
This commit is contained in:
andzejsp
2023-05-25 21:12:39 +03:00
parent c48efd5550
commit 482b71aba0
1 changed files with 66 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/components/ModelEntry.vue
View File

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