Fixed the gui bug

This commit is contained in:
Saifeddine ALOUI 2024-05-23 22:03:12 +02:00
parent 03de9428f3
commit 1b9bf2ff5a
7 changed files with 23 additions and 25 deletions

@ -1 +1 @@
Subproject commit 4e37a5855970a177b4d63784d7a5c88f45f2d7a4 Subproject commit 8bc8443a9eeabf8e965c67e6a06106708ef3ec6b

8
web/dist/assets/index-7d2e5fc6.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI - Welcome</title> <title>LoLLMS WebUI - Welcome</title>
<script type="module" crossorigin src="/assets/index-933add12.js"></script> <script type="module" crossorigin src="/assets/index-a499ea6c.js"></script>
<link rel="stylesheet" href="/assets/index-87c263dd.css"> <link rel="stylesheet" href="/assets/index-7d2e5fc6.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -130,7 +130,7 @@
</div> </div>
<div class="w-fit group relative" v-if="!loading" > <div class="w-fit group relative" v-if="!loading" >
<!-- :onShowPersList="onShowPersListFun" --> <!-- :onShowPersList="onShowPersListFun" -->
<div class= "group w-full inline-flex absolute opacity-0 group-hover:opacity-100 transform group-hover:-translate-y-12 group-hover:translate-x-15 transition-all duration-300"> <div class= "group w-full inline-flex absolute opacity-0 group-hover:opacity-100 transform group-hover:-translate-y-1 transition-all duration-300" style="pointer-events: none;">
<div class="w-full" <div class="w-full"
v-for="(item, index) in installedBindings" :key="index + '-' + item.name" v-for="(item, index) in installedBindings" :key="index + '-' + item.name"
ref="installedBindings"> ref="installedBindings">
@ -178,7 +178,7 @@
</div> </div>
<div class="w-fit group relative" > <div class="w-fit group relative" >
<!-- :onShowPersList="onShowPersListFun" --> <!-- :onShowPersList="onShowPersListFun" -->
<div class= "fixed w-[1000px] -bottom-[150px] group absolute opacity-0 group-hover:opacity-100 transform group-hover:translate-y-[-200px] group-hover:translate-x-[0px] transition-all duration-300"> <div class= "hide .group-hover:block fixed w-[1000px] bottom-0 group absolute opacity-0 group-hover:opacity-100 transform group-hover:translate-y-[-50px] group-hover:translate-x-[0px] transition-all duration-300">
<div class="w-fit flex-wrap flex"> <div class="w-fit flex-wrap flex">
<div class="w-fit h-fit " <div class="w-fit h-fit "
v-for="(item, index) in mountedPersonalities" :key="index + '-' + item.name" v-for="(item, index) in mountedPersonalities" :key="index + '-' + item.name"
@ -212,7 +212,7 @@
<button @click.prevent="remount_personality(item)" v-if="personalityHoveredIndex === index"> <button @click.prevent="remount_personality(item)" v-if="personalityHoveredIndex === index">
<span <span
class="-top-9 left-2 border-gray-500 active:scale-90 absolute items-center w-7 h-7 hover:scale-150 transition text-red-200 absolute active:scale-90 bg-bg-light dark:bg-bg-dark rounded-full border-2" class="-top-9 left-2 border-gray-500 active:scale-90 absolute items-center w-7 h-7 hover:scale-150 transition text-red-200 absolute active:scale-90 bg-bg-light dark:bg-bg-dark rounded-full border-2"
title="Talk"> title="Remount">
<!-- UNMOUNT BUTTON --> <!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="top-1 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 30 30" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" class="top-1 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 30 30" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<g id="surface1"> <g id="surface1">

View File

@ -5,15 +5,14 @@
<div class="w-fit flex select-none"> <div class="w-fit flex select-none">
<div class="w-8 h-8 group relative" > <div class="w-8 h-8 group relative" >
<img :src="bUrl + mountedPers.avatar" @error="personalityImgPlacehodler" <img :src="bUrl + mountedPers.avatar" @error="personalityImgPlacehodler"
class="w-8 h-8 rounded-full object-fill text-red-700 border-2 hover:scale-150 active:scale-90 hover:z-50 hover:-translate-y-2 duration-150 border-secondary cursor-pointer" class="w-8 h-8 rounded-full object-fill text-red-700 hover:scale-150 active:scale-90 hover:z-50 hover:-translate-y-2 duration-150 border-secondary cursor-pointer"
:title="'Active personality: '+mountedPers.name" @click="onSettingsPersonality(mountedPers)"> :title="'Active personality: '+mountedPers.name" @click="onSettingsPersonality(mountedPers)">
<div class="opacity-0 group-hover:opacity-100"> <div class="opacity-0 group-hover:opacity-100">
<button @click.prevent="remount_personality()" v-if="personalityHoveredIndex === index"> <button class="-top-1 group-hover:translate-x-5 border-gray-500 absolute active:scale-90 w-7 h-7 hover:scale-150 transition bg-bg-light dark:bg-bg-dark rounded-full border-2" @click.prevent="remount_personality()" v-if="personalityHoveredIndex === index">
<span <span
class="-top-1 -right-8 border-gray-500 absolute active:scale-90 w-7 h-7 hover:scale-150 transition bg-bg-light dark:bg-bg-dark rounded-full border-2" title="Remount">
title="Talk">
<!-- UNMOUNT BUTTON --> <!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="top-1 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 30 30" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" class="top-0 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 30 30" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<g id="surface1"> <g id="surface1">
<path style=" " d="M 16 4 C 10.886719 4 6.617188 7.160156 4.875 11.625 L 6.71875 12.375 C 8.175781 8.640625 11.710938 6 16 6 C 19.242188 6 22.132813 7.589844 23.9375 10 L 20 10 L 20 12 L 27 12 L 27 5 L 25 5 L 25 8.09375 C 22.808594 5.582031 19.570313 4 16 4 Z M 25.28125 19.625 C 23.824219 23.359375 20.289063 26 16 26 C 12.722656 26 9.84375 24.386719 8.03125 22 L 12 22 L 12 20 L 5 20 L 5 27 L 7 27 L 7 23.90625 C 9.1875 26.386719 12.394531 28 16 28 C 21.113281 28 25.382813 24.839844 27.125 20.375 Z "/> <path style=" " d="M 16 4 C 10.886719 4 6.617188 7.160156 4.875 11.625 L 6.71875 12.375 C 8.175781 8.640625 11.710938 6 16 6 C 19.242188 6 22.132813 7.589844 23.9375 10 L 20 10 L 20 12 L 27 12 L 27 5 L 25 5 L 25 8.09375 C 22.808594 5.582031 19.570313 4 16 4 Z M 25.28125 19.625 C 23.824219 23.359375 20.289063 26 16 26 C 12.722656 26 9.84375 24.386719 8.03125 22 L 12 22 L 12 20 L 5 20 L 5 27 L 7 27 L 7 23.90625 C 9.1875 26.386719 12.394531 28 16 28 C 21.113281 28 25.382813 24.839844 27.125 20.375 Z "/>
</g> </g>
@ -23,12 +22,11 @@
</button> </button>
<button @click.prevent="handleOnTalk()" v-if="personalityHoveredIndex === index"> <button class="-top-1 group-hover:-translate-x-12 border-gray-500 active:scale-90 absolute items-center w-7 h-7 hover:scale-150 transition text-red-200 absolute active:scale-90 bg-bg-light dark:bg-bg-dark rounded-full border-2" @click.prevent="handleOnTalk()" v-if="personalityHoveredIndex === index">
<span <span
class="-top-1 -left-8 border-gray-500 active:scale-90 absolute items-center w-7 h-7 hover:scale-150 transition text-red-200 absolute active:scale-90 bg-bg-light dark:bg-bg-dark rounded-full border-2"
title="Talk"> title="Talk">
<!-- UNMOUNT BUTTON --> <!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="top-1 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 24 24" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" class="left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 24 24" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<line x1="22" y1="2" x2="11" y2="13"></line> <line x1="22" y1="2" x2="11" y2="13"></line>
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon> <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
</svg> </svg>