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> <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"