mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2024-12-18 20:17:50 +00:00
enhanced ui
This commit is contained in:
Saifeddine ALOUI
parent
6270212d26
commit
f58584f429
8
web/dist/assets/index-Bp5Ps3LS.css
vendored
Normal file
8
web/dist/assets/index-Bp5Ps3LS.css
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
8
web/dist/assets/index-gzgffzab.css
vendored
8
web/dist/assets/index-gzgffzab.css
vendored
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-CxhUr7VR.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-gzgffzab.css">
|
||||
<script type="module" crossorigin src="/assets/index-NSRQO2Ke.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-Bp5Ps3LS.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
61
web/dist/themes/amber.css
vendored
61
web/dist/themes/amber.css
vendored
@ -1772,12 +1772,6 @@ html{
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1908,11 +1902,6 @@ html{
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4642,6 +4631,56 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
--tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fffbeb,
|
||||
-2px -2px 0px #fffbeb,
|
||||
2px -2px 0px #fffbeb,
|
||||
-2px 2px 0px #fffbeb;
|
||||
background: linear-gradient(45deg, #d97706, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 251 235 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(120 53 15 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(120 53 15 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(146 64 14 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(254 243 199 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.1), 0 2px 4px -1px rgba(217, 119, 6, 0.06);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
63
web/dist/themes/borg.css
vendored
63
web/dist/themes/borg.css
vendored
@ -1767,12 +1767,6 @@ body {
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1903,11 +1897,6 @@ body {
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4206,6 +4195,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,255,0,0.2),
|
||||
2px 2px 0px #000000,
|
||||
-2px -2px 0px #000000,
|
||||
2px -2px 0px #000000,
|
||||
-2px 2px 0px #000000;
|
||||
background: linear-gradient(45deg, #00ff00, #39ff14);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(132 225 188 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(4 108 78 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(222 247 236 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5831,5 +5870,3 @@ button:hover{
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
23
web/dist/themes/default.css
vendored
23
web/dist/themes/default.css
vendored
@ -1767,12 +1767,6 @@ body {
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1903,11 +1897,6 @@ body {
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4583,6 +4572,16 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style{
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px white,
|
||||
-2px -2px 0px white,
|
||||
2px -2px 0px white,
|
||||
-2px 2px 0px white;
|
||||
background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6198,4 +6197,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
63
web/dist/themes/lollms_blue.css
vendored
63
web/dist/themes/lollms_blue.css
vendored
@ -1772,12 +1772,6 @@ html{
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1908,11 +1902,6 @@ html{
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4650,6 +4639,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #e0f2fe,
|
||||
-2px -2px 0px #e0f2fe,
|
||||
2px -2px 0px #e0f2fe,
|
||||
-2px 2px 0px #e0f2fe;
|
||||
background: linear-gradient(45deg, #0284c7, #38bdf8);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(235 245 255 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(35 56 118 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(35 56 118 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(225 239 254 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6265,4 +6304,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
72
web/dist/themes/matrix_reborn.css
vendored
72
web/dist/themes/matrix_reborn.css
vendored
@ -2211,14 +2211,6 @@ body {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -2385,12 +2377,6 @@ body {
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -5706,6 +5692,62 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,255,0,0.5),
|
||||
2px 2px 0px #003300,
|
||||
-2px -2px 0px #003300,
|
||||
2px -2px 0px #003300,
|
||||
-2px 2px 0px #003300;
|
||||
background: linear-gradient(45deg, #00ff00, #39ff14);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(49 196 141 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(4 108 78 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(132 225 188 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -7751,4 +7793,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
72
web/dist/themes/red_dragon.css
vendored
72
web/dist/themes/red_dragon.css
vendored
@ -2211,14 +2211,6 @@ body {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -2385,12 +2377,6 @@ body {
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -5679,6 +5665,62 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fee2e2,
|
||||
-2px -2px 0px #fee2e2,
|
||||
2px -2px 0px #fee2e2,
|
||||
-2px 2px 0px #fee2e2;
|
||||
background: linear-gradient(45deg, #dc2626, #ef4444);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 242 242 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(119 29 29 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(200 30 30 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(253 232 232 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -7724,4 +7766,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
63
web/dist/themes/sober_gray.css
vendored
63
web/dist/themes/sober_gray.css
vendored
@ -1767,12 +1767,6 @@ body {
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1903,11 +1897,6 @@ body {
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4576,6 +4565,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #f3f4f6,
|
||||
-2px -2px 0px #f3f4f6,
|
||||
2px -2px 0px #f3f4f6,
|
||||
-2px 2px 0px #f3f4f6;
|
||||
background: linear-gradient(45deg, #4b5563, #6b7280);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(17 24 39 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6191,4 +6230,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
63
web/dist/themes/strawberry.css
vendored
63
web/dist/themes/strawberry.css
vendored
@ -1772,12 +1772,6 @@ html{
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1908,11 +1902,6 @@ html{
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4671,6 +4660,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fef2f2,
|
||||
-2px -2px 0px #fef2f2,
|
||||
2px -2px 0px #fef2f2,
|
||||
-2px 2px 0px #fef2f2;
|
||||
background: linear-gradient(45deg, #be123c, #fb7185);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 242 242 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(119 29 29 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(155 28 28 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(253 232 232 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6286,4 +6325,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
70
web/dist/themes/strawberry_milkshake.css
vendored
70
web/dist/themes/strawberry_milkshake.css
vendored
@ -2211,14 +2211,6 @@ body {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -2385,12 +2377,6 @@ body {
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -5651,6 +5637,62 @@ button:hover{
|
||||
--tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fce7f3,
|
||||
-2px -2px 0px #fce7f3,
|
||||
2px -2px 0px #fce7f3,
|
||||
-2px 2px 0px #fce7f3;
|
||||
background: linear-gradient(45deg, #ec4899, #fbcfe8);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 242 248 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(117 26 61 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(117 26 61 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(153 21 75 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(252 232 243 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
@ -1772,12 +1772,6 @@ html{
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1908,11 +1902,6 @@ html{
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4642,6 +4631,56 @@ button:hover{
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
--tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fffbeb,
|
||||
-2px -2px 0px #fffbeb,
|
||||
2px -2px 0px #fffbeb,
|
||||
-2px 2px 0px #fffbeb;
|
||||
background: linear-gradient(45deg, #d97706, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 251 235 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(120 53 15 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(120 53 15 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(146 64 14 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(254 243 199 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.1), 0 2px 4px -1px rgba(217, 119, 6, 0.06);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
@ -1767,12 +1767,6 @@ body {
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1903,11 +1897,6 @@ body {
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4206,6 +4195,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,255,0,0.2),
|
||||
2px 2px 0px #000000,
|
||||
-2px -2px 0px #000000,
|
||||
2px -2px 0px #000000,
|
||||
-2px 2px 0px #000000;
|
||||
background: linear-gradient(45deg, #00ff00, #39ff14);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(132 225 188 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(4 108 78 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(222 247 236 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5831,5 +5870,3 @@ button:hover{
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1767,12 +1767,6 @@ body {
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1903,11 +1897,6 @@ body {
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4583,6 +4572,16 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style{
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px white,
|
||||
-2px -2px 0px white,
|
||||
2px -2px 0px white,
|
||||
-2px 2px 0px white;
|
||||
background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6198,4 +6197,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1772,12 +1772,6 @@ html{
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1908,11 +1902,6 @@ html{
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4650,6 +4639,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #e0f2fe,
|
||||
-2px -2px 0px #e0f2fe,
|
||||
2px -2px 0px #e0f2fe,
|
||||
-2px 2px 0px #e0f2fe;
|
||||
background: linear-gradient(45deg, #0284c7, #38bdf8);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(235 245 255 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(35 56 118 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(35 56 118 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(30 66 159 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(225 239 254 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6265,4 +6304,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2211,14 +2211,6 @@ body {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -2385,12 +2377,6 @@ body {
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -5706,6 +5692,62 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,255,0,0.5),
|
||||
2px 2px 0px #003300,
|
||||
-2px -2px 0px #003300,
|
||||
2px -2px 0px #003300,
|
||||
-2px 2px 0px #003300;
|
||||
background: linear-gradient(45deg, #00ff00, #39ff14);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(49 196 141 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(4 108 78 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(132 225 188 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -7751,4 +7793,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2211,14 +2211,6 @@ body {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -2385,12 +2377,6 @@ body {
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -5679,6 +5665,62 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fee2e2,
|
||||
-2px -2px 0px #fee2e2,
|
||||
2px -2px 0px #fee2e2,
|
||||
-2px 2px 0px #fee2e2;
|
||||
background: linear-gradient(45deg, #dc2626, #ef4444);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 242 242 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(119 29 29 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(200 30 30 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(253 232 232 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -7724,4 +7766,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1767,12 +1767,6 @@ body {
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1903,11 +1897,6 @@ body {
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4576,6 +4565,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #f3f4f6,
|
||||
-2px -2px 0px #f3f4f6,
|
||||
2px -2px 0px #f3f4f6,
|
||||
-2px 2px 0px #f3f4f6;
|
||||
background: linear-gradient(45deg, #4b5563, #6b7280);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(17 24 39 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(243 244 246 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6191,4 +6230,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1772,12 +1772,6 @@ html{
|
||||
.resize{
|
||||
resize: both;
|
||||
}
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -1908,11 +1902,6 @@ html{
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -4671,6 +4660,56 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
}
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fef2f2,
|
||||
-2px -2px 0px #fef2f2,
|
||||
2px -2px 0px #fef2f2,
|
||||
-2px 2px 0px #fef2f2;
|
||||
background: linear-gradient(45deg, #be123c, #fb7185);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 242 242 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(119 29 29 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(155 28 28 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(253 232 232 / var(--tw-text-opacity));
|
||||
}
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6286,4 +6325,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2211,14 +2211,6 @@ body {
|
||||
resize: both;
|
||||
}
|
||||
|
||||
.list-inside{
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.list-none{
|
||||
list-style-type: none;
|
||||
}
|
||||
@ -2385,12 +2377,6 @@ body {
|
||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-6 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
@ -5651,6 +5637,62 @@ button:hover{
|
||||
--tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fce7f3,
|
||||
-2px -2px 0px #fce7f3,
|
||||
2px -2px 0px #fce7f3,
|
||||
-2px 2px 0px #fce7f3;
|
||||
background: linear-gradient(45deg, #ec4899, #fbcfe8);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 242 248 / var(--tw-bg-opacity));
|
||||
padding: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(117 26 61 / var(--tw-text-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:hover{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.chat-bar:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(117 26 61 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(153 21 75 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(252 232 243 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
@ -83,10 +83,6 @@ textarea, input, select {
|
||||
@apply bg-blue-200 dark:bg-blue-700;
|
||||
}
|
||||
|
||||
.chatbox-color {
|
||||
@apply bg-blue-50 dark:bg-blue-800;
|
||||
}
|
||||
|
||||
.message {
|
||||
@apply relative w-full m-2 shadow-lg rounded-lg border border-blue-300 dark:border-blue-600 flex flex-col flex-grow flex-wrap overflow-visible p-5 pb-3 text-lg;
|
||||
@apply bg-blue-100 text-blue-900 dark:bg-gradient-to-br dark:from-blue-900 dark:to-blue-800 dark:text-blue-100; /* Added gradient for dark mode */
|
||||
@ -331,4 +327,25 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-white dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
|
||||
.lollms-title-style{
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px white,
|
||||
-2px -2px 0px white,
|
||||
2px -2px 0px white,
|
||||
-2px 2px 0px white;
|
||||
background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
.chat-bar{
|
||||
@apply relative text-light-text-panel dark:text-dark-text-panel grow flex cursor-pointer select-none items-center gap-2 bg-blue-50 dark:bg-blue-800 p-1 shadow-sm hover:shadow-none dark:border-gray-800;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
@ -108,7 +108,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex w-fit relative grow w-full">
|
||||
<div class="relative text-light-text-panel dark:text-dark-text-panel grow flex h-12.5 cursor-pointer select-none items-center gap-2 chatbox-color p-1 shadow-sm hover:shadow-none dark:border-gray-800" tabindex="0">
|
||||
<div class="chat-bar" tabindex="0">
|
||||
<div v-if="loading" title="Waiting for reply">
|
||||
<img :src="loader_v0">
|
||||
<!-- SPINNER -->
|
||||
@ -379,13 +379,7 @@
|
||||
|
||||
|
||||
|
||||
.chat-bar {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
/* THESE ARE FOR TransitionGroup components */
|
||||
.list-move,
|
||||
/* apply transition to moving elements */
|
||||
|
||||
@ -398,3 +398,26 @@ button:hover {
|
||||
@apply absolute top-0 left-0 h-full bg-gradient-to-r from-amber-500 to-amber-400 dark:from-amber-400 dark:to-amber-500 transition-all duration-300
|
||||
[background-image:repeating-linear-gradient(90deg,transparent,transparent_5px,rgba(0,0,0,0.1)_5px,rgba(0,0,0,0.1)_10px)]
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fffbeb,
|
||||
-2px -2px 0px #fffbeb,
|
||||
2px -2px 0px #fffbeb,
|
||||
-2px 2px 0px #fffbeb;
|
||||
background: linear-gradient(45deg, #d97706, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-amber-900 dark:text-amber-100 grow flex cursor-pointer select-none items-center gap-2 bg-amber-50 dark:bg-amber-800 p-1 shadow-sm hover:shadow-none dark:border-amber-900;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.chat-bar:hover {
|
||||
box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.1), 0 2px 4px -1px rgba(217, 119, 6, 0.06);
|
||||
}
|
||||
|
||||
@ -309,7 +309,27 @@ button:hover {
|
||||
@apply flex gap-2 items-center bg-green-700 dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,255,0,0.2),
|
||||
2px 2px 0px #000000,
|
||||
-2px -2px 0px #000000,
|
||||
2px -2px 0px #000000,
|
||||
-2px 2px 0px #000000;
|
||||
background: linear-gradient(45deg, #00ff00, #39ff14);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-green-300 dark:text-green-100 grow flex cursor-pointer select-none items-center gap-2 bg-gray-900 dark:bg-black p-1 shadow-sm hover:shadow-none dark:border-green-700;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -349,4 +349,14 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-white dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
}
|
||||
.lollms-title-style{
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px white,
|
||||
-2px -2px 0px white,
|
||||
2px -2px 0px white,
|
||||
-2px 2px 0px white;
|
||||
background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
@ -399,4 +399,26 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-white dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #e0f2fe,
|
||||
-2px -2px 0px #e0f2fe,
|
||||
2px -2px 0px #e0f2fe,
|
||||
-2px 2px 0px #e0f2fe;
|
||||
background: linear-gradient(45deg, #0284c7, #38bdf8);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-blue-900 dark:text-blue-100 grow flex cursor-pointer select-none items-center gap-2 bg-blue-50 dark:bg-blue-800 p-1 shadow-sm hover:shadow-none dark:border-blue-900;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@ -345,4 +345,27 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-green-700 dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,255,0,0.5),
|
||||
2px 2px 0px #003300,
|
||||
-2px -2px 0px #003300,
|
||||
2px -2px 0px #003300,
|
||||
-2px 2px 0px #003300;
|
||||
background: linear-gradient(45deg, #00ff00, #39ff14);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-green-400 dark:text-green-300 grow flex cursor-pointer select-none items-center gap-2 bg-gray-900 dark:bg-black p-1 shadow-sm hover:shadow-none dark:border-green-700;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@ -350,4 +350,27 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-white dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fee2e2,
|
||||
-2px -2px 0px #fee2e2,
|
||||
2px -2px 0px #fee2e2,
|
||||
-2px 2px 0px #fee2e2;
|
||||
background: linear-gradient(45deg, #dc2626, #ef4444);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-red-900 dark:text-red-100 grow flex cursor-pointer select-none items-center gap-2 bg-red-50 dark:bg-red-900 p-1 shadow-sm hover:shadow-none dark:border-red-700;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@ -354,4 +354,27 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-white dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #f3f4f6,
|
||||
-2px -2px 0px #f3f4f6,
|
||||
2px -2px 0px #f3f4f6,
|
||||
-2px 2px 0px #f3f4f6;
|
||||
background: linear-gradient(45deg, #4b5563, #6b7280);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-gray-900 dark:text-gray-100 grow flex cursor-pointer select-none items-center gap-2 bg-gray-100 dark:bg-gray-800 p-1 shadow-sm hover:shadow-none dark:border-gray-700;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@ -400,4 +400,27 @@ button:hover {
|
||||
|
||||
.discussion-toolbox{
|
||||
@apply flex gap-2 items-center bg-white dark:bg-gray-800 p-2 rounded-l-md shadow-md transform translate-x-full group-hover:translate-x-0 transition-transform duration-300
|
||||
}
|
||||
}
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fef2f2,
|
||||
-2px -2px 0px #fef2f2,
|
||||
2px -2px 0px #fef2f2,
|
||||
-2px 2px 0px #fef2f2;
|
||||
background: linear-gradient(45deg, #be123c, #fb7185);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-red-900 dark:text-red-100 grow flex cursor-pointer select-none items-center gap-2 bg-red-50 dark:bg-red-900 p-1 shadow-sm hover:shadow-none dark:border-red-800;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@ -346,3 +346,26 @@ button:hover {
|
||||
.animated-progressbar-fg {
|
||||
@apply absolute top-0 left-0 h-full bg-gradient-to-r from-pink-300 to-rose-400 dark:from-pink-400 dark:to-rose-500 transition-all duration-300
|
||||
}
|
||||
|
||||
|
||||
.lollms-title-style {
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px #fce7f3,
|
||||
-2px -2px 0px #fce7f3,
|
||||
2px -2px 0px #fce7f3,
|
||||
-2px 2px 0px #fce7f3;
|
||||
background: linear-gradient(45deg, #ec4899, #fbcfe8);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.chat-bar {
|
||||
@apply relative text-pink-900 dark:text-pink-100 grow flex cursor-pointer select-none items-center gap-2 bg-pink-50 dark:bg-pink-800 p-1 shadow-sm hover:shadow-none dark:border-pink-900;
|
||||
height: 50px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
@ -16,15 +16,7 @@
|
||||
|
||||
<div class="flex flex-col items-center text-center max-w-4xl w-full px-4 relative z-10">
|
||||
<div class="mb-8 w-full">
|
||||
<div class="text-5xl md:text-6xl font-bold text-amber-500 mb-2 hover:scale-105 transition-transform"
|
||||
style="text-shadow: 2px 2px 4px rgba(0,0,0,0.2),
|
||||
2px 2px 0px white,
|
||||
-2px -2px 0px white,
|
||||
2px -2px 0px white,
|
||||
-2px 2px 0px white;
|
||||
background: linear-gradient(45deg, #f59e0b, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;">
|
||||
<div class="text-5xl md:text-6xl font-bold text-amber-500 mb-2 hover:scale-105 transition-transform lollms-title-style">
|
||||
{{$store.state.theme_vars.lollms_title}}
|
||||
</div>
|
||||
|
||||
@ -605,16 +597,13 @@
|
||||
class="gap-2 py-2 my-2 hover:shadow-md hover:bg-primary-light dark:hover:bg-primary rounded-md p-2 duration-75 group cursor-pointer">
|
||||
<p class="px-3">No discussions are found</p>
|
||||
</div>
|
||||
<div
|
||||
class="sticky bottom-0 bg-gradient-to-t pointer-events-none from-bg-light-tone dark:from-bg-dark-tone flex flex-grow">
|
||||
<!-- FADING DISCUSSION LIST END ELEMENT -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row panels-color">
|
||||
<div class="h-15 w-full py-4 cursor-pointer text-light-text-panel dark:text-dark-text-panel hover:text-secondary" @click="showDatabaseSelector">
|
||||
<div class="chat-bar text-center " @click="showDatabaseSelector">
|
||||
<p class="text-center font-large font-bold text-l drop-shadow-md align-middle">{{ formatted_database_name.replace("_"," ") }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -1308,7 +1297,26 @@ export default {
|
||||
"LoLLMs includes advanced natural language processing capabilities in over 100 languages.",
|
||||
"The system can perform sentiment analysis on social media trends and customer feedback in real-time.",
|
||||
"LoLLMs features a unique 'time-aware' context system that understands and reasons about temporal relationships.",
|
||||
|
||||
"The world's first computer programmer was a woman named Ada Lovelace.",
|
||||
"There are more possible iterations of a game of chess than there are atoms in the known universe.",
|
||||
"The first AI program was written in 1951 to play checkers.",
|
||||
"The Internet was originally called ARPANET and was developed by the US Department of Defense.",
|
||||
"The concept of zero as a number was developed in ancient India, with the earliest known text using it dating to 458 CE.",
|
||||
"Light from the Sun takes about 8 minutes and 20 seconds to reach Earth.",
|
||||
"The first mobile phone call was made in 1973 by Martin Cooper.",
|
||||
"The human brain processes images 60,000 times faster than text.",
|
||||
"The most powerful supercomputer today can perform about 442 quadrillion calculations per second.",
|
||||
"The ancient Egyptians invented the 365-day calendar we still use today.",
|
||||
"Mathematicians have calculated pi to over 62 trillion digits.",
|
||||
"Quantum computers can theoretically solve certain problems in seconds that would take classical computers billions of years.",
|
||||
"The first email was sent in 1971 by Ray Tomlinson.",
|
||||
"The Hubble Space Telescope can see galaxies so far away, it's like looking back in time billions of years.",
|
||||
"The largest known prime number has over 24 million digits.",
|
||||
"AI can now generate realistic images, music, and even write stories.",
|
||||
"The Great Wall of China is not visible from space with the naked eye, contrary to popular belief.",
|
||||
"There are more possible ways to shuffle a deck of 52 cards than there are atoms on Earth.",
|
||||
"The first computer virus was created in 1983 as an experiment.",
|
||||
"The speed of light in a vacuum is exactly 299,792,458 meters per second."
|
||||
],
|
||||
randomFact: "",
|
||||
showPlaceholderModal: false,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user