upraded ui

This commit is contained in:
Saifeddine ALOUI 2024-01-21 17:42:19 +01:00
parent 8567c31af2
commit ce471ad099
7 changed files with 319 additions and 350 deletions

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">
<title>LoLLMS WebUI - Welcome</title>
<script type="module" crossorigin src="/assets/index-cbeaa67a.js"></script>
<link rel="stylesheet" href="/assets/index-a692e1db.css">
<script type="module" crossorigin src="/assets/index-c55fcb1d.js"></script>
<link rel="stylesheet" href="/assets/index-a7b58bfd.css">
</head>
<body>
<div id="app"></div>

View File

@ -7,7 +7,7 @@
<div class="flex items-center gap-3 flex-1">
<img class="w-12 hover:scale-95 duration-150 " title="LoLLMS WebUI" src="@/assets/logo.png" alt="Logo">
<div class="flex flex-col">
<p class="text-2xl ">Lord of Large Language and Multimodal Systems</p>
<p class="text-2xl ">LoLLMS</p>
<p class="text-gray-400 ">One tool to rule them all</p>
</div>

View File

@ -7,7 +7,7 @@
<img class="w-24 animate-bounce" title="LoLLMS WebUI" src="@/assets/logo.png" alt="Logo">
<div class="flex flex-col items-start">
<p class="text-2xl ">Lord of Large Language and Multimodal Systems</p>
<p class="text-2xl ">LoLLMS</p>
<p class="text-gray-400 text-base">One tool to rule them all</p>
</div>

View File

@ -10,7 +10,7 @@
<img class="w-24 animate-bounce" title="LoLLMS WebUI" src="@/assets/logo.png" alt="Logo">
<div class="flex flex-col items-start">
<p class="text-2xl ">Lord of Large Language and Multimodal Systems {{ version_info }} </p>
<p class="text-2xl ">LoLLMS {{ version_info }} </p>
<p class="text-gray-400 text-base">One tool to rule them all</p>
<p class="text-gray-400 text-base">by ParisNeo</p>

View File

@ -1276,7 +1276,7 @@
Select binding first!
</div>
<div v-if="!isModelSelected && configFile.binding_name"
<div v-if="!configFile.model_name && configFile.binding_name"
class="text-base text-red-600 flex gap-3 items-center mr-2">
<i data-feather="alert-triangle" class="flex-shrink-0"></i>
No model selected!
@ -1388,7 +1388,6 @@
</TransitionGroup>
</div>
</div>
<!-- EXPAND / COLLAPSE BUTTON -->
<button v-if="mzl_collapsed"
class="text-2xl hover:text-secondary duration-75 flex justify-center hover:bg-bg-light-tone hover:dark:bg-bg-dark-tone rounded-lg "
@ -1400,41 +1399,6 @@
title="Expand" type="button" @click="open_mzl">
<i data-feather="chevron-down"></i>
</button>
</div>
</div>
<!-- ADD MODELS -->
<div
class="flex flex-col mb-2 rounded-lg bg-bg-light-tone dark:bg-bg-dark-tone hover:bg-bg-light-tone-panel hover:dark:bg-bg-dark-tone-panel duration-150 shadow-lg">
<div class="flex flex-row p-3">
<button @click.stop="mzdc_collapsed = !mzdc_collapsed"
class="text-2xl hover:text-primary p-2 -m-2 w-full text-left flex items-center">
<div v-show="mzdc_collapsed" ><i data-feather='chevron-right'></i></div>
<div v-show="!mzdc_collapsed" ><i data-feather='chevron-down'></i></div>
<h3 class="text-lg font-semibold cursor-pointer select-none mr-2">
Add models for binding</h3>
<div v-if="!binding_name" class="text-base text-red-600 flex gap-3 items-center mr-2">
<i data-feather="alert-triangle" class="flex-shrink-0"></i>
No binding selected!
</div>
<div v-if="configFile.binding_name" class="mr-2">|</div>
<div v-if="configFile.binding_name"
class=" text-base font-semibold cursor-pointer select-none items-center">
<div class="flex gap-1 items-center">
<img :src="imgBinding" class="w-8 h-8 rounded-full object-fill text-blue-700">
<h3 class="font-bold font-large text-lg line-clamp-1">
<!-- {{ configFile.binding_name }} -->
{{ binding_name }}
</h3>
</div>
</div>
</button>
</div>
<div :class="{ 'hidden': mzdc_collapsed }" class="flex flex-col mb-2 px-3 pb-0">
<div class="mb-2">
<div class="p-2 ">
<div>
@ -1530,9 +1494,10 @@
</div>
</div>
</div>
</div>
</div>
<!-- ADD MODELS -->
<!-- PERSONALITY ZOO -->
<div
class="flex flex-col mb-2 rounded-lg bg-bg-light-tone dark:bg-bg-dark-tone hover:bg-bg-light-tone-panel hover:dark:bg-bg-dark-tone-panel duration-150 shadow-lg">
@ -3410,13 +3375,14 @@ export default {
if(models_zoo.length==0)
return
/*
let index = models_zoo.findIndex(item => item.name == this.configFile.model_name)
if (index>0){
this.imgModel = models_zoo[index].icon
}
else{
this.imgModel = defaultModelImgPlaceholder
}
}*/
console.log(`REFRESHING models using sorting ${this.sort_type}`)
if(models_zoo.length>1){
@ -4231,6 +4197,9 @@ export default {
if(idx>=0){
return this.$store.state.modelsZoo[idx].avatar
}
else{
return defaultModelImgPlaceholder
}
}
catch{
console.log("error")