mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2024-12-18 20:17:50 +00:00
added prompt specialization
This commit is contained in:
parent
876d835001
commit
c67896e252
8
web/dist/assets/index-ByL6zcwy.css
vendored
Normal file
8
web/dist/assets/index-ByL6zcwy.css
vendored
Normal file
File diff suppressed because one or more lines are too long
8
web/dist/assets/index-awpSHWtv.css
vendored
8
web/dist/assets/index-awpSHWtv.css
vendored
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-CgS3f-81.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-awpSHWtv.css">
|
||||
<script type="module" crossorigin src="/assets/index-csGg9iMY.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-ByL6zcwy.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
9
web/dist/themes/amber.css
vendored
9
web/dist/themes/amber.css
vendored
@ -2385,9 +2385,6 @@ html{
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2861,6 +2858,9 @@ html{
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -5331,9 +5331,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
9
web/dist/themes/borg.css
vendored
9
web/dist/themes/borg.css
vendored
@ -2380,9 +2380,6 @@ body {
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2856,6 +2853,9 @@ body {
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -4832,9 +4832,6 @@ body{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
32
web/dist/themes/default.css
vendored
32
web/dist/themes/default.css
vendored
@ -2380,9 +2380,6 @@ body {
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2856,6 +2853,9 @@ body {
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -3721,6 +3721,7 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
|
||||
}
|
||||
.message{
|
||||
position: relative;
|
||||
margin: 0.5rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
@ -3735,6 +3736,9 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
|
||||
padding-bottom: 0.75rem;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.message:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
@ -4471,6 +4475,25 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5243,9 +5266,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
9
web/dist/themes/lollms_blue.css
vendored
9
web/dist/themes/lollms_blue.css
vendored
@ -2385,9 +2385,6 @@ html{
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2861,6 +2858,9 @@ html{
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -5314,9 +5314,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
12
web/dist/themes/matrix_reborn.css
vendored
12
web/dist/themes/matrix_reborn.css
vendored
@ -2993,10 +2993,6 @@ body {
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -3603,6 +3599,10 @@ body {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -6572,10 +6572,6 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
12
web/dist/themes/red_dragon.css
vendored
12
web/dist/themes/red_dragon.css
vendored
@ -2993,10 +2993,6 @@ body {
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -3603,6 +3599,10 @@ body {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -6530,10 +6530,6 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
9
web/dist/themes/sober_gray.css
vendored
9
web/dist/themes/sober_gray.css
vendored
@ -2380,9 +2380,6 @@ body {
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2856,6 +2853,9 @@ body {
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -5239,9 +5239,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
9
web/dist/themes/strawberry.css
vendored
9
web/dist/themes/strawberry.css
vendored
@ -2385,9 +2385,6 @@ html{
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2861,6 +2858,9 @@ html{
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -5334,9 +5334,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
12
web/dist/themes/strawberry_milkshake.css
vendored
12
web/dist/themes/strawberry_milkshake.css
vendored
@ -2993,10 +2993,6 @@ body {
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -3603,6 +3599,10 @@ body {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -6530,10 +6530,6 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -2385,9 +2385,6 @@ html{
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2861,6 +2858,9 @@ html{
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -4559,6 +4559,25 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(217 119 6 / var(--tw-bg-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5331,9 +5350,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
@ -6159,4 +6175,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
@ -2380,9 +2380,6 @@ body {
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2856,6 +2853,9 @@ body {
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -4060,6 +4060,25 @@ body{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -4832,9 +4851,6 @@ body{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
@ -5660,4 +5676,4 @@ body{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
@ -2380,9 +2380,6 @@ body {
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2856,6 +2853,9 @@ body {
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -3721,6 +3721,7 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
|
||||
}
|
||||
.message{
|
||||
position: relative;
|
||||
margin: 0.5rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
@ -3735,6 +3736,9 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
|
||||
padding-bottom: 0.75rem;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.message:is(.dark *){
|
||||
--tw-border-opacity: 1;
|
||||
@ -4471,6 +4475,25 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5243,9 +5266,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -2385,9 +2385,6 @@ html{
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2861,6 +2858,9 @@ html{
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -4542,6 +4542,25 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5314,9 +5333,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -2993,10 +2993,6 @@ body {
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -3603,6 +3599,10 @@ body {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -6572,10 +6572,6 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -2993,10 +2993,6 @@ body {
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -3603,6 +3599,10 @@ body {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -5557,6 +5557,29 @@ button:hover{
|
||||
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 232 232 / var(--tw-bg-opacity));
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -6530,10 +6553,6 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -2380,9 +2380,6 @@ body {
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2856,6 +2853,9 @@ body {
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -4467,6 +4467,26 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5239,9 +5259,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
@ -6067,4 +6084,4 @@ button:hover{
|
||||
.\32xl\:h-96{
|
||||
height: 24rem;
|
||||
}
|
||||
}
|
||||
}
|
@ -2385,9 +2385,6 @@ html{
|
||||
.bg-white\/50{
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -2861,6 +2858,9 @@ html{
|
||||
.align-bottom{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -4562,6 +4562,26 @@ button:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
.interesting-facts{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
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));
|
||||
border-radius: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(251 213 213 / var(--tw-bg-opacity));
|
||||
padding: 1rem;
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.interesting-facts:hover{
|
||||
--tw-scale-x: 1.05;
|
||||
--tw-scale-y: 1.05;
|
||||
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));
|
||||
}
|
||||
.interesting-facts:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.last\:mb-0:last-child{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -5334,9 +5354,6 @@ button:hover{
|
||||
.dark\:bg-gray-800\/50:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -2993,10 +2993,6 @@ body {
|
||||
background-color: rgb(255 255 255 / 0.5);
|
||||
}
|
||||
|
||||
.bg-white\/80{
|
||||
background-color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
.bg-yellow-100{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
|
||||
@ -3603,6 +3599,10 @@ body {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.font-mono{
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: PTSans, Roboto, sans-serif;
|
||||
}
|
||||
@ -6530,10 +6530,6 @@ button:hover{
|
||||
background-color: rgb(31 41 55 / 0.5);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-800\/80:is(.dark *){
|
||||
background-color: rgb(31 41 55 / 0.8);
|
||||
}
|
||||
|
||||
.dark\:bg-gray-900:is(.dark *){
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
|
@ -88,7 +88,7 @@ textarea, input, select {
|
||||
}
|
||||
|
||||
.message {
|
||||
@apply relative w-full 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 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 */
|
||||
}
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div
|
||||
class="relative w-full group rounded-lg m-2 shadow-lg message hover:border-primary dark:hover:border-primary hover:border-solid hover:border-2 border-2 border-transparent flex flex-col flex-grow flex-wrap overflow-visible p-4 pb-2 ">
|
||||
class="relative message w-full group rounded-lg m-2 shadow-lg hover:border-primary dark:hover:border-primary hover:border-solid hover:border-2 border-2 border-transparent flex flex-col flex-grow flex-wrap overflow-visible p-4 pb-2 ">
|
||||
<div class="flex flex-row gap-2 ">
|
||||
<div class=" flex-shrink-0">
|
||||
<!-- AVATAR -->
|
||||
|
@ -378,3 +378,7 @@ button:hover {
|
||||
.subcard-footer-button {
|
||||
@apply bg-amber-500 hover:bg-amber-600 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
@apply mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
|
||||
}
|
@ -263,3 +263,7 @@ body {
|
||||
.subcard-content {
|
||||
@apply text-gray-300;
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
@apply mt-6 mb-6 p-4 bg-gray-800/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
|
||||
}
|
@ -88,7 +88,7 @@ textarea, input, select {
|
||||
}
|
||||
|
||||
.message {
|
||||
@apply relative w-full 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 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 */
|
||||
}
|
||||
|
||||
@ -326,4 +326,8 @@ button:hover {
|
||||
|
||||
.subcard-footer-button {
|
||||
@apply bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
@apply mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
|
||||
}
|
@ -376,4 +376,8 @@ button:hover {
|
||||
|
||||
.subcard-footer-button {
|
||||
@apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
@apply mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
|
||||
}
|
@ -330,3 +330,7 @@ button:hover {
|
||||
.subcard-footer-button {
|
||||
@apply bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
@apply mt-6 mb-6 p-4 bg-gray-200 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
|
||||
}
|
@ -375,4 +375,8 @@ button:hover {
|
||||
|
||||
.subcard-footer-button {
|
||||
@apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
||||
.interesting-facts{
|
||||
@apply mt-6 mb-6 p-4 bg-red-200 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
|
||||
}
|
@ -40,7 +40,7 @@
|
||||
</p>
|
||||
|
||||
<!-- Clickable interesting fact card -->
|
||||
<div class="mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105 transition-transform duration-300 cursor-pointer"
|
||||
<div class="interesting-facts transition-transform duration-300 cursor-pointer"
|
||||
@click="updateRandomFact">
|
||||
<p class="text-lg text-gray-700 dark:text-gray-300">
|
||||
<span class="font-semibold text-blue-600 dark:text-blue-400">🤔 Fun Fact: </span>
|
||||
@ -640,7 +640,6 @@
|
||||
<!-- REMOVED FOR NOW, NEED MORE TESTING -->
|
||||
<!-- @click="scrollToElementInContainer($event.target, 'messages-list')" -->
|
||||
<div v-if="discussionArr.length < 2 && personality.prompts_list.length > 0" class="w-full rounded-lg m-2 shadow-lg hover:border-primary dark:hover:border-primary hover:border-solid hover:border-2 border-2 border-transparent even:bg-bg-light-discussion-odd dark:even:bg-bg-dark-discussion-odd flex flex-col overflow-hidden p-4 pb-2">
|
||||
|
||||
<h2 class="text-xl font-semibold mb-4">Prompt examples</h2>
|
||||
<div class="overflow-x-auto flex-grow scrollbar-thin scrollbar-thumb-gray-400 dark:scrollbar-thumb-gray-600 scrollbar-track-gray-200 dark:scrollbar-track-gray-800 scrollbar-thumb-rounded-full scrollbar-track-rounded-full">
|
||||
<div class="flex flex-nowrap gap-4 p-2 min-w-full">
|
||||
@ -666,9 +665,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal for placeholder inputs with live preview -->
|
||||
<!-- Enhanced Modal for placeholder inputs with live preview -->
|
||||
<div v-if="showPlaceholderModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-2xl w-full">
|
||||
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-4xl w-full">
|
||||
<h3 class="text-lg font-semibold mb-4">Fill in the placeholders</h3>
|
||||
|
||||
<!-- Live Preview Section -->
|
||||
@ -677,19 +676,86 @@
|
||||
<div class="text-base">{{ previewPrompt }}</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div v-for="(placeholder, index) in placeholders" :key="index" class="flex flex-col">
|
||||
<div class="space-y-4 max-h-[60vh] overflow-y-auto">
|
||||
<div v-for="(placeholder, index) in parsedPlaceholders" :key="placeholder.fullText" class="flex flex-col">
|
||||
<label :for="'placeholder-'+index" class="text-sm font-medium mb-1">
|
||||
{{ placeholder.replace('[', '').replace(']', '') }}
|
||||
{{ placeholder.label }}
|
||||
</label>
|
||||
|
||||
<!-- Single line text input -->
|
||||
<input
|
||||
v-if="placeholder.type === 'text'"
|
||||
:id="'placeholder-'+index"
|
||||
v-model="placeholderValues[index]"
|
||||
type="text"
|
||||
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
|
||||
:placeholder="placeholder"
|
||||
:placeholder="placeholder.label"
|
||||
@input="updatePreview"
|
||||
>
|
||||
|
||||
<!-- Number input (int) -->
|
||||
<input
|
||||
v-if="placeholder.type === 'int'"
|
||||
:id="'placeholder-'+index"
|
||||
v-model.number="placeholderValues[index]"
|
||||
type="number"
|
||||
step="1"
|
||||
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
|
||||
@input="updatePreview"
|
||||
>
|
||||
|
||||
<!-- Number input (float) -->
|
||||
<input
|
||||
v-if="placeholder.type === 'float'"
|
||||
:id="'placeholder-'+index"
|
||||
v-model.number="placeholderValues[index]"
|
||||
type="number"
|
||||
step="0.01"
|
||||
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
|
||||
@input="updatePreview"
|
||||
>
|
||||
|
||||
<!-- Multiline text input -->
|
||||
<textarea
|
||||
v-if="placeholder.type === 'multiline'"
|
||||
:id="'placeholder-'+index"
|
||||
v-model="placeholderValues[index]"
|
||||
rows="4"
|
||||
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
|
||||
@input="updatePreview"
|
||||
></textarea>
|
||||
|
||||
<!-- Code editor -->
|
||||
<div v-if="placeholder.type === 'code'" class="border rounded-md overflow-hidden">
|
||||
<div class="bg-gray-200 dark:bg-gray-900 p-2 text-sm">
|
||||
{{ placeholder.language || 'Plain text' }}
|
||||
</div>
|
||||
<textarea
|
||||
:id="'placeholder-'+index"
|
||||
v-model="placeholderValues[index]"
|
||||
rows="8"
|
||||
class="w-full p-2 font-mono bg-gray-100 dark:bg-gray-900 border-t"
|
||||
@input="updatePreview"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Options (dropdown) -->
|
||||
<select
|
||||
v-if="placeholder.type === 'options'"
|
||||
:id="'placeholder-'+index"
|
||||
v-model="placeholderValues[index]"
|
||||
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
|
||||
@change="updatePreview"
|
||||
>
|
||||
<option value="" disabled>Select an option</option>
|
||||
<option
|
||||
v-for="option in placeholder.options"
|
||||
:key="option"
|
||||
:value="option"
|
||||
>
|
||||
{{ option }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1149,6 +1215,43 @@ import modelImgPlaceholder from "../assets/default_model.png"
|
||||
|
||||
import MountedPersonalities from '@/components/MountedPersonalities.vue'
|
||||
|
||||
|
||||
const parsePlaceholder = (placeholder) => {
|
||||
const parts = placeholder.replace('[', '').replace(']', '').split('::');
|
||||
const label = parts[0];
|
||||
|
||||
if (parts.length === 1) {
|
||||
return {
|
||||
label,
|
||||
type: 'text',
|
||||
fullText: placeholder
|
||||
};
|
||||
}
|
||||
|
||||
const type = parts[1];
|
||||
const result = {
|
||||
label,
|
||||
type,
|
||||
fullText: placeholder
|
||||
};
|
||||
|
||||
switch (type) {
|
||||
case 'int':
|
||||
case 'float':
|
||||
case 'multiline':
|
||||
break;
|
||||
case 'code':
|
||||
result.language = parts[2] || 'plaintext';
|
||||
break;
|
||||
case 'options':
|
||||
result.options = parts[2] ? parts[2].split(',').map(o => o.trim()) : [];
|
||||
break;
|
||||
default:
|
||||
result.type = 'text';
|
||||
}
|
||||
return result;
|
||||
};
|
||||
|
||||
const bUrl = import.meta.env.VITE_LOLLMS_API_BASEURL
|
||||
export default {
|
||||
|
||||
@ -1180,6 +1283,7 @@ export default {
|
||||
placeholders: [],
|
||||
placeholderValues: {},
|
||||
previewPrompt: '',
|
||||
uniquePlaceholders: new Map(),
|
||||
|
||||
bindingSearchQuery: '',
|
||||
modelSearchQuery: '',
|
||||
@ -1805,14 +1909,18 @@ export default {
|
||||
},
|
||||
|
||||
updatePreview() {
|
||||
let updatedPrompt = this.selectedPrompt;
|
||||
this.placeholders.forEach((placeholder, index) => {
|
||||
const value = this.placeholderValues[index] || placeholder;
|
||||
updatedPrompt = updatedPrompt.replace(placeholder, value);
|
||||
let preview = this.selectedPrompt;
|
||||
this.parsedPlaceholders.forEach((placeholder, index) => {
|
||||
const value = this.placeholderValues[index];
|
||||
// Replace all occurrences of the same placeholder
|
||||
const regex = new RegExp(this.escapeRegExp(placeholder.fullText), 'g');
|
||||
preview = preview.replace(regex, value || placeholder.fullText);
|
||||
});
|
||||
this.previewPrompt = updatedPrompt;
|
||||
this.previewPrompt = preview;
|
||||
},
|
||||
escapeRegExp(string) {
|
||||
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
||||
},
|
||||
|
||||
cancelPlaceholders() {
|
||||
this.showPlaceholderModal = false;
|
||||
this.placeholders = [];
|
||||
@ -1820,9 +1928,20 @@ export default {
|
||||
this.previewPrompt = '';
|
||||
},
|
||||
|
||||
// When applying placeholders, make sure to update all instances
|
||||
applyPlaceholders() {
|
||||
this.setPromptInChatbox(this.previewPrompt);
|
||||
let finalPrompt = this.selectedPrompt;
|
||||
this.parsedPlaceholders.forEach((placeholder, index) => {
|
||||
const value = this.placeholderValues[index];
|
||||
if (value) {
|
||||
const regex = new RegExp(this.escapeRegExp(placeholder.fullText), 'g');
|
||||
finalPrompt = finalPrompt.replace(regex, value);
|
||||
}
|
||||
});
|
||||
// Apply the final prompt and close modal
|
||||
this.finalPrompt = finalPrompt;
|
||||
this.showPlaceholderModal = false;
|
||||
this.setPromptInChatbox(this.previewPrompt);
|
||||
},
|
||||
|
||||
extractPlaceholders(prompt) {
|
||||
@ -3738,6 +3857,15 @@ export default {
|
||||
|
||||
},
|
||||
computed: {
|
||||
// Get unique placeholders while preserving order
|
||||
parsedPlaceholders() {
|
||||
const uniqueMap = new Map();
|
||||
this.placeholders.forEach(p => {
|
||||
const parsed = parsePlaceholder(p);
|
||||
uniqueMap.set(parsed.fullText, parsed);
|
||||
});
|
||||
return Array.from(uniqueMap.values());
|
||||
},
|
||||
filteredBindings() {
|
||||
return this.installedBindings.filter(binding =>
|
||||
binding.name.toLowerCase().includes(this.bindingSearchQuery.toLowerCase())
|
||||
|
@ -1 +1 @@
|
||||
Subproject commit 6ed32958910c4942aed18b6da54aed7100360ab0
|
||||
Subproject commit 2269de07de6755996cb0303b1004db722d69c547
|
Loading…
Reference in New Issue
Block a user