mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2024-12-19 20:37:51 +00:00
enhanced ui
This commit is contained in:
Saifeddine ALOUI
parent
b78ab35d96
commit
a719e15236
@ -1,112 +1,108 @@
|
||||
<div class="mb-6">
|
||||
<div class="bg-gradient-to-r from-purple-500 to-indigo-600 p-6 rounded-lg shadow-lg">
|
||||
<h3 class="text-3xl font-bold mb-4 text-white">🎉 New Feature Alert! 🎉</h3>
|
||||
<h3 class="text-3xl font-bold mb-4 text-white">🚀 Exciting Updates! 🚀</h3>
|
||||
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg mb-6 transition-all duration-300 hover:shadow-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<span class="text-3xl">🎨</span>
|
||||
<h4 class="text-2xl font-bold text-indigo-700 dark:text-indigo-400">LoLLMs UI Theming System</h4>
|
||||
<h4 class="text-2xl font-bold text-indigo-700 dark:text-indigo-400">Remote Stable Diffusion Integration</h4>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="space-y-4 text-left">
|
||||
<p class="text-gray-700 dark:text-gray-300 leading-relaxed">
|
||||
Experience a more personalized and visually appealing interaction with our new theming system! Choose from a variety of carefully crafted themes to match your preferences.
|
||||
LoLLMs can now seamlessly connect to any remote Stable Diffusion WebUI, expanding your creative possibilities! Simply ensure the remote instance is accessible and launched with the <code>--api</code> option.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg mb-6 transition-all duration-300 hover:shadow-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<span class="text-3xl">🧠</span>
|
||||
<h4 class="text-2xl font-bold text-indigo-700 dark:text-indigo-400">Smart Router Enhancement</h4>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4 text-left">
|
||||
<p class="text-gray-700 dark:text-gray-300 leading-relaxed">
|
||||
Our new smart router now selects the most appropriate model based on its description, not just prompt complexity. This ensures more accurate and context-aware responses for your queries.
|
||||
</p>
|
||||
|
||||
<div class="bg-indigo-50 dark:bg-indigo-900/30 p-4 rounded-md">
|
||||
<h5 class="font-semibold text-indigo-800 dark:text-indigo-300 mb-2">How to Change Theme:</h5>
|
||||
<ol class="list-decimal list-inside space-y-2 text-gray-700 dark:text-gray-300">
|
||||
<li>Move your mouse to the top-right corner of the LoLLMs WebUI</li>
|
||||
<li>Wait for the top bar to appear</li>
|
||||
<li>Locate the theme dropdown menu</li>
|
||||
<li>Select your preferred theme from the available options</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path d="M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1z"></path>
|
||||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm0-2a6 6 0 110-12 6 6 0 010 12z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
<span>Theme changes are applied instantly and persist across sessions</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="text-4xl animate-spin-slow">🌍</div>
|
||||
<h4 class="text-2xl font-bold text-indigo-700 dark:text-indigo-400">
|
||||
VillageLife Simulator
|
||||
<span class="text-sm font-normal text-gray-500 dark:text-gray-400 block">v1.0 Beta</span>
|
||||
</h4>
|
||||
<span class="text-3xl">🛠️</span>
|
||||
<h4 class="text-2xl font-bold text-indigo-700 dark:text-indigo-400">New Apps in the Zoo</h4>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="space-y-4 text-left">
|
||||
<p class="text-gray-700 dark:text-gray-300 text-lg leading-relaxed">
|
||||
Dive into our revolutionary world simulation app! Solve complex societal challenges
|
||||
through advanced civilization modeling and emergence patterns.
|
||||
Explore our latest additions to the LoLLMs app ecosystem:
|
||||
</p>
|
||||
|
||||
<div class="bg-indigo-50 dark:bg-indigo-900/30 p-4 rounded-md border-l-4 border-indigo-500">
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300 pl-4">
|
||||
<li>LLM Fine-tuning App (supporting LoRA and full fine-tuning)</li>
|
||||
<li>Model Downloader</li>
|
||||
<li>Database Management Tools (use different local and remote databases, fuse databases, reformat, etc.)</li>
|
||||
</ul>
|
||||
|
||||
<div class="bg-indigo-50 dark:bg-indigo-900/30 p-4 rounded-md border-l-4 border-indigo-500 mt-4">
|
||||
<p class="text-gray-600 dark:text-gray-400 italic">
|
||||
"Want to find the meaning of Life, the Universe, and Everything?
|
||||
Simulate Earth for a few million years!"
|
||||
"Empowering users with advanced AI tools and customization options!"
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="flex items-center gap-2 bg-amber-50 dark:bg-amber-900/30 p-3 rounded-md">
|
||||
<span class="text-xl">⚠️</span>
|
||||
<p class="text-sm text-amber-700 dark:text-amber-400 font-medium">
|
||||
Watch out for Vogons! Their poetry might crash the simulation.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-4 text-sm text-gray-600 dark:text-gray-400">
|
||||
<div class="flex items-center gap-1">
|
||||
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path>
|
||||
</svg>
|
||||
<span>Active Villagers: 1,337</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1">
|
||||
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
<span>Simulation Year: 42</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
@keyframes spin-slow {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.animate-spin-slow {
|
||||
animation: spin-slow 20s linear infinite;
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://www.youtube.com/watch?v=avaixPtHUIc" target="_blank" class="floating-button">
|
||||
<img src="/new_video.png" alt="New Video" class="w-full h-full object-cover">
|
||||
</a>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-2xl font-semibold mb-2 text-indigo-600">Latest Music Highlight</h3>
|
||||
<div class="relative" style="padding-top: 56.25%;">
|
||||
<iframe
|
||||
class="absolute top-0 left-0 w-full h-full"
|
||||
src="https://www.youtube.com/embed/avaixPtHUIc?si=kEdSoLtMMGOQd_j2&cc_load_policy=1&cc_lang_pref=en"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
allowfullscreen>
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.floating-button {
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(79, 70, 229, 0.9); /* Added slight transparency */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: 0 0 20px rgba(79, 70, 229, 0.6);
|
||||
animation: pulse 1.5s infinite, glow 2s infinite;
|
||||
overflow: hidden;
|
||||
z-index: 9999;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.floating-button:hover {
|
||||
transform: scale(1.1);
|
||||
background-color: rgba(79, 70, 229, 1); /* Full opacity on hover */
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes glow {
|
||||
0% {
|
||||
box-shadow: 0 0 20px rgba(79, 70, 229, 0.6);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 40px rgba(79, 70, 229, 0.8), 0 0 60px rgba(79, 70, 229, 0.4);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 20px rgba(79, 70, 229, 0.6);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1 +1 @@
|
||||
Subproject commit 9eae059a43644fa3b8e947ddb1a2bef4b452c8f5
|
||||
Subproject commit 53a82b996ff31108afdc51c54cea725cbc4f6d69
|
||||
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
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-9Fs3ASbv.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DEodTJAD.css">
|
||||
<script type="module" crossorigin src="/assets/index-MYQpxrNx.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BM2-ArAj.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
BIN
web/dist/new_video.png
vendored
Normal file
BIN
web/dist/new_video.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 782 KiB |
21
web/dist/themes/amber.css
vendored
21
web/dist/themes/amber.css
vendored
@ -2435,11 +2435,6 @@ html{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5304,9 +5299,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5322,10 +5314,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5561,11 +5549,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6101,10 +6084,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
|
||||
118
web/dist/themes/borg.css
vendored
118
web/dist/themes/borg.css
vendored
@ -2430,11 +2430,6 @@ body {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4245,6 +4240,92 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 255, 0, 0.1), 0 2px 4px -1px rgba(0, 255, 0, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(188 240 218 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(222 247 236 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 231 235 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -4868,9 +4949,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -4886,10 +4964,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5125,11 +5199,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5665,10 +5734,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -5860,13 +5925,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
107
web/dist/themes/default.css
vendored
107
web/dist/themes/default.css
vendored
@ -2430,11 +2430,6 @@ body {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4582,6 +4577,90 @@ background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5205,9 +5284,6 @@ background-clip: text;
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5223,10 +5299,6 @@ background-clip: text;
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5462,11 +5534,6 @@ background-clip: text;
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6002,10 +6069,6 @@ background-clip: text;
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6197,4 +6260,4 @@ background-clip: text;
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
107
web/dist/themes/lollms_blue.css
vendored
107
web/dist/themes/lollms_blue.css
vendored
@ -2435,11 +2435,6 @@ html{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4689,6 +4684,90 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.1), 0 2px 4px -1px rgba(2, 132, 199, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5312,9 +5391,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5330,10 +5406,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5569,11 +5641,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6109,10 +6176,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6304,4 +6367,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
129
web/dist/themes/matrix_reborn.css
vendored
129
web/dist/themes/matrix_reborn.css
vendored
@ -3056,12 +3056,6 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5748,6 +5742,107 @@ button:hover{
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 255, 0, 0.1), 0 2px 4px -1px rgba(0, 255, 0, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 231 235 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 231 235 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6533,10 +6628,6 @@ button:hover{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -6555,11 +6646,6 @@ button:hover{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -6856,12 +6942,6 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -7537,11 +7617,6 @@ button:hover{
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
|
||||
.sm\:mb-0{
|
||||
@ -7793,4 +7868,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
72
web/dist/themes/red_dragon.css
vendored
72
web/dist/themes/red_dragon.css
vendored
@ -3056,12 +3056,6 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5721,6 +5715,52 @@ button:hover{
|
||||
box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.1), 0 2px 4px -1px rgba(220, 38, 38, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(224 36 36 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(248 180 180 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6506,10 +6546,6 @@ button:hover{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -6528,11 +6564,6 @@ button:hover{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -6829,12 +6860,6 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -7510,11 +7535,6 @@ button:hover{
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
|
||||
.sm\:mb-0{
|
||||
|
||||
107
web/dist/themes/sober_gray.css
vendored
107
web/dist/themes/sober_gray.css
vendored
@ -2430,11 +2430,6 @@ body {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4615,6 +4610,90 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(75, 85, 99, 0.1), 0 2px 4px -1px rgba(75, 85, 99, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5238,9 +5317,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5256,10 +5332,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5495,11 +5567,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6035,10 +6102,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6230,4 +6293,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
107
web/dist/themes/strawberry.css
vendored
107
web/dist/themes/strawberry.css
vendored
@ -2435,11 +2435,6 @@ html{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4710,6 +4705,90 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(190, 18, 60, 0.1), 0 2px 4px -1px rgba(190, 18, 60, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(224 36 36 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(248 180 180 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5333,9 +5412,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5351,10 +5427,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5590,11 +5662,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6130,10 +6197,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6325,4 +6388,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
127
web/dist/themes/strawberry_milkshake.css
vendored
127
web/dist/themes/strawberry_milkshake.css
vendored
@ -3056,12 +3056,6 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5693,6 +5687,105 @@ button:hover{
|
||||
box-shadow: 0 4px 6px -1px rgba(236, 72, 153, 0.1), 0 2px 4px -1px rgba(236, 72, 153, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(224 36 36 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(248 180 180 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6478,10 +6571,6 @@ button:hover{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -6500,11 +6589,6 @@ button:hover{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -6801,12 +6885,6 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -7482,11 +7560,6 @@ button:hover{
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
|
||||
.sm\:mb-0{
|
||||
@ -7738,4 +7811,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
web/public/new_video.png
Normal file
BIN
web/public/new_video.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 782 KiB |
@ -2435,11 +2435,6 @@ html{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5304,9 +5299,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5322,10 +5314,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5561,11 +5549,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6101,10 +6084,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
|
||||
@ -2430,11 +2430,6 @@ body {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4245,6 +4240,92 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 255, 0, 0.1), 0 2px 4px -1px rgba(0, 255, 0, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(188 240 218 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(222 247 236 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 231 235 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -4868,9 +4949,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -4886,10 +4964,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5125,11 +5199,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5665,10 +5734,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -5860,13 +5925,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -2430,11 +2430,6 @@ body {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4582,6 +4577,90 @@ background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5205,9 +5284,6 @@ background-clip: text;
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5223,10 +5299,6 @@ background-clip: text;
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5462,11 +5534,6 @@ background-clip: text;
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6002,10 +6069,6 @@ background-clip: text;
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6197,4 +6260,4 @@ background-clip: text;
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2435,11 +2435,6 @@ html{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4689,6 +4684,90 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.1), 0 2px 4px -1px rgba(2, 132, 199, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5312,9 +5391,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5330,10 +5406,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5569,11 +5641,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6109,10 +6176,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6304,4 +6367,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3056,12 +3056,6 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5748,6 +5742,107 @@ button:hover{
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 255, 0, 0.1), 0 2px 4px -1px rgba(0, 255, 0, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 231 235 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(229 231 235 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6533,10 +6628,6 @@ button:hover{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -6555,11 +6646,6 @@ button:hover{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -6856,12 +6942,6 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -7537,11 +7617,6 @@ button:hover{
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
|
||||
.sm\:mb-0{
|
||||
@ -7793,4 +7868,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3056,12 +3056,6 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5721,6 +5715,52 @@ button:hover{
|
||||
box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.1), 0 2px 4px -1px rgba(220, 38, 38, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(224 36 36 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(248 180 180 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6506,10 +6546,6 @@ button:hover{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -6528,11 +6564,6 @@ button:hover{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -6829,12 +6860,6 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -7510,11 +7535,6 @@ button:hover{
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
|
||||
.sm\:mb-0{
|
||||
|
||||
@ -2430,11 +2430,6 @@ body {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4615,6 +4610,90 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(75, 85, 99, 0.1), 0 2px 4px -1px rgba(75, 85, 99, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5238,9 +5317,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5256,10 +5332,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5495,11 +5567,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6035,10 +6102,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6230,4 +6293,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2435,11 +2435,6 @@ html{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -4710,6 +4705,90 @@ button:hover{
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(190, 18, 60, 0.1), 0 2px 4px -1px rgba(190, 18, 60, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(224 36 36 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(248 180 180 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5333,9 +5412,6 @@ button:hover{
|
||||
.focus\:ring-opacity-50:focus{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -5351,10 +5427,6 @@ button:hover{
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -5590,11 +5662,6 @@ button:hover{
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -6130,10 +6197,6 @@ button:hover{
|
||||
.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (min-width: 640px){
|
||||
.sm\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
@ -6325,4 +6388,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3056,12 +3056,6 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-bg-light-tone{
|
||||
--tw-gradient-from: var(--color-bg-light-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-blue-400{
|
||||
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -5693,6 +5687,105 @@ button:hover{
|
||||
box-shadow: 0 4px 6px -1px rgba(236, 72, 153, 0.1), 0 2px 4px -1px rgba(236, 72, 153, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
border-radius: 9999px;
|
||||
padding: 0.5rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(224 36 36 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.chat-bar-button:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.chat-bar-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(248 180 180 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.chat-bar-button:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button{
|
||||
border-radius: 0.375rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.nav-button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button:is(.dark *){
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(63 131 248 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.nav-button-active:hover:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6478,10 +6571,6 @@ button:hover{
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus{
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
||||
.active\:scale-75:active{
|
||||
--tw-scale-x: .75;
|
||||
--tw-scale-y: .75;
|
||||
@ -6500,11 +6589,6 @@ button:hover{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.active\:bg-gray-300:active{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.active\:scrollbar-thumb-secondary{
|
||||
--scrollbar-thumb-active: var(--color-secondary) !important;
|
||||
}
|
||||
@ -6801,12 +6885,6 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-bg-dark-tone:is(.dark *){
|
||||
--tw-gradient-from: var(--color-bg-dark-tone) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.dark\:from-blue-400\/20:is(.dark *){
|
||||
--tw-gradient-from: rgb(118 169 250 / 0.2) var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
|
||||
@ -7482,11 +7560,6 @@ button:hover{
|
||||
--tw-ring-offset-color: #374151;
|
||||
}
|
||||
|
||||
.dark\:active\:bg-gray-600:active:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
|
||||
.sm\:mb-0{
|
||||
@ -7738,4 +7811,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -348,4 +348,22 @@ background-clip: text;
|
||||
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
@apply text-gray-600 dark:text-gray-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -1,11 +1,6 @@
|
||||
<template>
|
||||
<button
|
||||
class="p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
|
||||
:class="[
|
||||
buttonClass,
|
||||
'hover:bg-gray-200 dark:hover:bg-gray-700',
|
||||
'active:bg-gray-300 dark:active:bg-gray-600'
|
||||
]"
|
||||
class="chat-bar-button"
|
||||
v-bind="$attrs"
|
||||
v-on="$listeners"
|
||||
>
|
||||
@ -17,12 +12,6 @@
|
||||
<script>
|
||||
export default {
|
||||
name: 'ChatBarButton',
|
||||
props: {
|
||||
buttonClass: {
|
||||
type: String,
|
||||
default: 'text-gray-600 dark:text-gray-300'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -279,8 +279,8 @@
|
||||
</div>
|
||||
|
||||
<div @mouseenter="showSendMenu">
|
||||
<button @click.prevent="toggleSendMenu" class="p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
|
||||
<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="black">
|
||||
<button @click.prevent="toggleSendMenu" class="chat-bar-button">
|
||||
<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
</button>
|
||||
@ -289,7 +289,7 @@
|
||||
</div>
|
||||
|
||||
|
||||
<ChatBarButton @click="makeAnEmptyUserMessage" title="New user message" class="text-gray-600 dark:text-gray-300">
|
||||
<ChatBarButton @click="makeAnEmptyUserMessage" title="New user message">
|
||||
<template #icon>
|
||||
<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>
|
||||
|
||||
@ -9,11 +9,9 @@
|
||||
v-for="(link, index) in filteredNavLinks"
|
||||
:key="index"
|
||||
:to="{ name: link.route }"
|
||||
class="px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out
|
||||
hover:bg-gray-100 dark:hover:bg-gray-700
|
||||
text-gray-700 dark:text-gray-300"
|
||||
class="nav-button"
|
||||
:class="{
|
||||
'bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700':
|
||||
'nav-button-active':
|
||||
isRouteActive(link.route)
|
||||
}"
|
||||
@click="setActiveIndex(index)"
|
||||
|
||||
@ -331,11 +331,20 @@ button:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 255, 0, 0.1), 0 2px 4px -1px rgba(0, 255, 0, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
@apply text-green-200 dark:text-green-100 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 text-gray-200 dark:text-gray-100
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-gray-100 hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -360,3 +360,21 @@ background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
@apply text-gray-600 dark:text-gray-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -422,3 +422,22 @@ button:hover {
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.1), 0 2px 4px -1px rgba(2, 132, 199, 0.06);
|
||||
}
|
||||
|
||||
|
||||
.chat-bar-button{
|
||||
@apply text-gray-600 dark:text-gray-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -369,3 +369,22 @@ button:hover {
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 255, 0, 0.1), 0 2px 4px -1px rgba(0, 255, 0, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
@apply text-gray-200 dark:text-gray-100 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 text-gray-200 dark:text-gray-100
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-gray-100 hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -374,3 +374,13 @@ button:hover {
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.1), 0 2px 4px -1px rgba(220, 38, 38, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
@apply text-red-600 dark:text-red-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
|
||||
@ -378,3 +378,21 @@ button:hover {
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(75, 85, 99, 0.1), 0 2px 4px -1px rgba(75, 85, 99, 0.06);
|
||||
}
|
||||
|
||||
.chat-bar-button{
|
||||
@apply text-gray-600 dark:text-gray-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -424,3 +424,20 @@ button:hover {
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(190, 18, 60, 0.1), 0 2px 4px -1px rgba(190, 18, 60, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
@apply text-red-600 dark:text-red-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -369,3 +369,20 @@ button:hover {
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(236, 72, 153, 0.1), 0 2px 4px -1px rgba(236, 72, 153, 0.06);
|
||||
}
|
||||
.chat-bar-button{
|
||||
@apply text-red-600 dark:text-red-300 p-2 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
|
||||
}
|
||||
|
||||
.chat-bar-button:hover{
|
||||
@apply bg-gray-200 dark:bg-gray-700
|
||||
}
|
||||
.chat-bar-button:active{
|
||||
@apply bg-gray-300 dark:bg-gray-600
|
||||
}
|
||||
.nav-button{
|
||||
@apply px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300
|
||||
}
|
||||
|
||||
.nav-button-active{
|
||||
@apply bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700
|
||||
}
|
||||
@ -604,11 +604,13 @@
|
||||
</div>
|
||||
<div class="flex flex-row items-center justify-center panels-color">
|
||||
<div class="chat-bar text-center flex items-center" @click="showDatabaseSelector">
|
||||
<ChatBarButton>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
|
||||
<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
|
||||
<path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>
|
||||
<path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>
|
||||
</svg>
|
||||
</ChatBarButton>
|
||||
<p class="text-center font-large font-bold text-l drop-shadow-md align-middle">{{ formatted_database_name.replace("_"," ") }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -1212,6 +1214,7 @@ import { mapState } from 'vuex';
|
||||
import modelImgPlaceholder from "../assets/default_model.png"
|
||||
|
||||
import MountedPersonalities from '@/components/MountedPersonalities.vue'
|
||||
import ChatBarButton from '@/components/ChatBarButton.vue'
|
||||
|
||||
|
||||
const parsePlaceholder = (placeholder) => {
|
||||
@ -3838,7 +3841,9 @@ export default {
|
||||
PopupViewer,
|
||||
ActionButton,
|
||||
SocialIcon,
|
||||
MountedPersonalities
|
||||
MountedPersonalities,
|
||||
|
||||
ChatBarButton
|
||||
|
||||
},
|
||||
watch: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user