enhanced graphics

This commit is contained in:
Saifeddine ALOUI
2023-10-14 04:27:37 +02:00
parent 5929ebdb44
commit c093b3d4db
15 changed files with 292 additions and 263 deletions

View File

@ -17,8 +17,6 @@
</div>
</div>
</div>
</div>
<div v-if="model.isCustomModel" class="flex items-center flex-row gap-2 my-1">
@ -31,7 +29,16 @@
</button>
Custom model
</div>
<input v-if="model.isInstalled" v-model="model.selected" @click.stop="toggleSelected" type="checkbox" class='cursor-pointer border-2 border-blue-300 rounded w-10 h-10'>
<div v-if="model.selected" @click.stop="toggleSelected" class="cursor-pointer" style="background-color: white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M9 16.17l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z"/>
</svg>
</div>
<div v-else @click.stop="toggleSelected" class="cursor-pointer" style="background-color: white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</svg>
</div>
<div>
<button v-if="model.isInstalled" title="Delete file from disk" type="button" @click.stop="toggleInstall"
class="inline-flex items-center gap-2 px-3 py-2 text-xs font-medium text-center focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 rounded-lg dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900">
@ -111,7 +118,15 @@
<div class="grow">
<!-- EMPTY SPACE FILLER -->
</div>
<input v-if="model.isInstalled" v-model="model.selected" @click.stop="toggleSelected" type="checkbox" class='cursor-pointer border-2 border-blue-300 rounded w-10 h-10'>
<div v-if="model.selected" @click.stop="toggleSelected" class="cursor-pointer" style="background-color: white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M9 16.17l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z"/>
</svg>
</div>
<div v-else @click.stop="toggleSelected" class="cursor-pointer" style="background-color: white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</svg>
</div>
<InteractiveMenu :commands="commandsList" :force_position=2 title="Menu">