mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2024-12-19 20:37:51 +00:00
enhanced pinning
This commit is contained in:
Saifeddine ALOUI
parent
e97e3bcfd8
commit
c8f3ea8a47
File diff suppressed because one or more lines are too long
@ -1,4 +1,4 @@
|
||||
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.topbar-container[data-v-b52210ee]{position:fixed;top:0;left:0;right:0;z-index:1000}.topbar[data-v-b52210ee]{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease-in-out;display:flex;justify-content:center}.topbar-content[data-v-b52210ee]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%}.pin-button[data-v-b52210ee]{background-color:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.pin-button svg[data-v-b52210ee]{width:24px;height:24px;transition:transform .3s ease}.pin-button:hover svg[data-v-b52210ee]{transform:scale(1.2)}.placeholder[data-v-b52210ee]{height:10px}.toolbar-button[data-v-b52210ee]{cursor:pointer;border-style:none;background-color:transparent;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar-button[data-v-b52210ee]:hover{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.topbar-container[data-v-b52210ee]{position:relative;width:100%}.topbar[data-v-b52210ee]{position:fixed;top:0;left:0;width:100%;background-color:#fff;transition:transform .3s ease-in-out;z-index:40}.topbar-hidden[data-v-b52210ee]{transform:translateY(-100%)}.hover-zone[data-v-b52210ee]{opacity:0}.toastItem-enter-active[data-v-46f379e5],.toastItem-leave-active[data-v-46f379e5]{transition:all .5s ease}.toastItem-enter-from[data-v-46f379e5],.toastItem-leave-to[data-v-46f379e5]{opacity:0;transform:translate(-30px)}.hljs-comment,.hljs-quote{color:#7285b7}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#ff9da4}.hljs-number,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#ffc58f}.hljs-attribute{color:#ffeead}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#d1f1a9}.hljs-title,.hljs-section{color:#bbdaff}.hljs-keyword,.hljs-selector-tag{color:#ebbbff}.hljs{background:#002451;color:#fff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
||||
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.topbar-container[data-v-95f4bcd6]{position:fixed;top:0;left:0;right:0;z-index:1000}.topbar[data-v-95f4bcd6]{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease-in-out;display:flex;justify-content:center}.topbar-hidden[data-v-95f4bcd6]{transform:translateY(-100%)}.topbar-content[data-v-95f4bcd6]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%}.pin-button[data-v-95f4bcd6]{background-color:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.pin-button svg[data-v-95f4bcd6]{width:24px;height:24px;transition:transform .3s ease}.pin-button:hover svg[data-v-95f4bcd6]{transform:scale(1.2)}.placeholder[data-v-95f4bcd6]{height:10px}.toolbar-button[data-v-95f4bcd6]{cursor:pointer;border-style:none;background-color:transparent;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar-button[data-v-95f4bcd6]:hover{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.topbar-container[data-v-95f4bcd6]{position:relative;width:100%}.hover-zone[data-v-95f4bcd6]{opacity:0}.toastItem-enter-active[data-v-46f379e5],.toastItem-leave-active[data-v-46f379e5]{transition:all .5s ease}.toastItem-enter-from[data-v-46f379e5],.toastItem-leave-to[data-v-46f379e5]{opacity:0;transform:translate(-30px)}.hljs-comment,.hljs-quote{color:#7285b7}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#ff9da4}.hljs-number,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#ffc58f}.hljs-attribute{color:#ffeead}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#d1f1a9}.hljs-title,.hljs-section{color:#bbdaff}.hljs-keyword,.hljs-selector-tag{color:#ebbbff}.hljs{background:#002451;color:#fff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
||||
Theme: Tokyo-night-Dark
|
||||
origin: https://github.com/enkia/tokyo-night-vscode-theme
|
||||
Description: Original highlight.js style
|
||||
4
web/dist/index.html
vendored
4
web/dist/index.html
vendored
@ -6,8 +6,8 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>LoLLMS WebUI</title>
|
||||
<script type="module" crossorigin src="/assets/index-TthUmaOU.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DgI2-Yh4.css">
|
||||
<script type="module" crossorigin src="/assets/index-GJ0H796G.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-uovuhICQ.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
<template>
|
||||
<div class="topbar-container">
|
||||
<div ref="topbar-container" :class="['topbar-container', {'h-0': !isPinned}]">
|
||||
<!-- Add a thin strip at the top that triggers the hover -->
|
||||
<div
|
||||
class="hover-zone"
|
||||
@ -30,7 +30,7 @@
|
||||
<div class="toolbar-button" @mouseleave="hideInfosMenu">
|
||||
<div class="relative inline-block">
|
||||
<!-- Infos menu positioned above the button -->
|
||||
<div v-show="isInfosMenuVisible" @mouseenter="showInfosMenu" class="absolute m-0 p-0 z-50 top-full right-0 transform bg-white dark:bg-gray-900 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none transition-all duration-300 ease-out mb-2">
|
||||
<div v-show="isInfosMenuVisible" @mouseenter="showInfosMenu" >
|
||||
<div class="p-4 container flex flex-col lg:flex-row items-center gap-2">
|
||||
<!-- SYSTEM STATUS -->
|
||||
<div class="flex gap-3 flex-1 items-center justify-end">
|
||||
@ -95,7 +95,7 @@
|
||||
|
||||
<!-- Info Button -->
|
||||
<div @mouseenter="showInfosMenu" class="infos-hover-area">
|
||||
<button class="w-8 h-8">
|
||||
<button class="w-6 h-6">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" class="w-full h-full">
|
||||
<!-- Circle background -->
|
||||
<circle cx="12.5" cy="12.5" r="11.25" fill="#3498db"/>
|
||||
@ -108,12 +108,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="is_fun_mode"
|
||||
<div v-if="is_fun_mode"
|
||||
title="Fun mode is on, press to turn off"
|
||||
class="w-8 h-8 cursor-pointer text-green-500 dark:text-green-400 hover:text-green-600 dark:hover:text-green-300 transition-colors duration-300"
|
||||
@click="fun_mode_off()"
|
||||
>
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-full h-full animate-bounce">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
|
||||
@ -262,9 +261,10 @@ export default {
|
||||
},
|
||||
|
||||
showInfosMenu() {
|
||||
console.log("showing menu")
|
||||
this.isInfosMenuVisible = true;
|
||||
},
|
||||
console.log("showing menu")
|
||||
console.log(this.isInfosMenuVisible)
|
||||
},
|
||||
hideInfosMenu() {
|
||||
this.isInfosMenuVisible = false;
|
||||
},
|
||||
@ -404,20 +404,6 @@ export default {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.topbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: white; /* or your preferred background color */
|
||||
transition: transform 0.3s ease-in-out;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.topbar-hidden {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.hover-zone {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user