This commit is contained in:
Saifeddine ALOUI 2024-12-02 00:51:53 +01:00
parent bf1874c1bc
commit 1092380894
37 changed files with 1157 additions and 2115 deletions

View File

@ -1,5 +1,5 @@
# =================== Lord Of Large Language Multimodal Systems Configuration file ===========================
version: 141
version: 142
# video viewing and news recovering
last_viewed_video: null
@ -285,6 +285,7 @@ rag_vectorizer_model: sentence-transformers/bert-base-nli-mean-tokens # The mode
rag_vectorizer_parameters: null # Parameters of the model in json format
rag_chunk_size: 512 # number of tokens per chunk
rag_overlap: 0 # number of tokens of overlap
rag_min_correspondance: 0 # minimum correspondance between the query and the content
rag_n_chunks: 4 #Number of chunks to recover from the database
rag_clean_chunks: true #Removed all uinecessary spaces and line returns

@ -1 +1 @@
Subproject commit 47f2d3089521cedae5ee41573de0e9308d859644
Subproject commit 1e963ab4d490c69475b2de754def66e5b77cef86

File diff suppressed because one or more lines are too long

8
web/dist/assets/index-B_lSsKM1.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

4
web/dist/index.html vendored
View File

@ -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-SuRSdCAe.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DKDXwcOH.css">
<script type="module" crossorigin src="/assets/index-BZKF20f-.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B_lSsKM1.css">
</head>
<body>
<div id="app"></div>

View File

@ -1147,9 +1147,6 @@ html{
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1273,9 +1270,6 @@ html{
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1547,9 +1541,6 @@ html{
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1604,9 +1595,6 @@ html{
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1792,9 +1780,6 @@ html{
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1810,9 +1795,6 @@ html{
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2182,10 +2164,6 @@ html{
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2297,10 +2275,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2383,10 +2357,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2435,11 +2405,6 @@ html{
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2594,9 +2559,6 @@ html{
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2658,9 +2620,6 @@ html{
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2788,12 +2747,6 @@ html{
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2915,9 +2868,6 @@ html{
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2993,10 +2943,6 @@ html{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5039,12 +4985,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5830,10 +5770,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5886,10 +5822,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5983,10 +5915,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -6046,10 +5974,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1142,9 +1142,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1268,9 +1265,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1542,9 +1536,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1599,9 +1590,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1787,9 +1775,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1805,9 +1790,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2177,10 +2159,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2292,10 +2270,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2378,10 +2352,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2430,11 +2400,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2589,9 +2554,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2653,9 +2615,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2783,12 +2742,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2910,9 +2863,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2988,10 +2938,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4606,12 +4552,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5397,10 +5337,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5453,10 +5389,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5550,10 +5482,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5613,10 +5541,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1142,9 +1142,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1268,9 +1265,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1542,9 +1536,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1599,9 +1590,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1787,9 +1775,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1805,9 +1790,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2177,10 +2159,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2292,10 +2270,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2378,10 +2352,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2430,11 +2400,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2589,9 +2554,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2653,9 +2615,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2783,12 +2742,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2910,9 +2863,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2988,10 +2938,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4088,14 +4034,6 @@ body {
.christmas-icon-right{
right: 0.5rem;
}
@keyframes bounce {
0%, 100% {
transform: translateY(-50%) scale(1);
}
50% {
transform: translateY(-60%) scale(1.1);
}
}
.animated-progressbar-text{
position: absolute;
inset: 0px;
@ -4365,15 +4303,208 @@ body {
background-position: 100px 1000px;
}
}
/* Step Component Styles */
.step-container{
margin-bottom: 1rem;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.step-wrapper{
display: flex;
align-items: flex-start;
border-radius: 0.375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(240 82 82 / var(--tw-border-opacity));
padding: 1rem;
}
.step-wrapper:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(14 159 110 / var(--tw-border-opacity));
}
.step-wrapper {
background: repeating-linear-gradient(
45deg,
rgba(255, 0, 0, 0.1) 0px 10px,
rgba(0, 255, 0, 0.1) 10px 20px
);
}
.step-icon{
margin-right: 0.75rem;
height: 2rem;
width: 2rem;
flex-shrink: 0;
}
.icon-success{
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(5 122 85 / var(--tw-text-opacity));
}
.icon-success:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.icon-fail{
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(224 36 36 / var(--tw-text-opacity));
}
.icon-fail:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.icon-spinner{
height: 2rem;
width: 2rem;
}
@keyframes spin{
to{
transform: rotate(360deg);
}
}
.icon-spinner{
animation: spin 1s linear infinite;
border-radius: 9999px;
border-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(240 82 82 / var(--tw-border-opacity));
border-top-color: transparent;
}
.icon-spinner:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(14 159 110 / var(--tw-border-opacity));
}
.step-content{
flex-grow: 1;
}
.step-text{
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(200 30 30 / var(--tw-text-opacity));
}
.step-text:is(.dark *){
--tw-text-opacity: 1;
color: rgb(132 225 188 / var(--tw-text-opacity));
}
.step-description{
margin-top: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(4 108 78 / var(--tw-text-opacity));
}
.step-description:is(.dark *){
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
/* Transition Styles */
.fade-enter-active, .fade-leave-active{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.fade-enter, .fade-leave-to{
opacity: 0;
}
/* Status Icon Styles */
.status-icon{
cursor: pointer;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.icon{
height: 2rem;
width: 2rem;
}
.icon-success{
--tw-text-opacity: 1;
color: rgb(5 122 85 / var(--tw-text-opacity));
}
.icon-success:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.icon-fail{
--tw-text-opacity: 1;
color: rgb(224 36 36 / var(--tw-text-opacity));
}
.icon-fail:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.icon-text{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(200 30 30 / var(--tw-text-opacity));
}
.icon-text:is(.dark *){
--tw-text-opacity: 1;
color: rgb(132 225 188 / var(--tw-text-opacity));
}
/* Christmas Decorations */
.step-container::before {
content: '🎄';
position: absolute;
left: -1.5rem;
font-size: 1.5rem;
line-height: 2rem;
}
.step-container::after {
content: '🎅';
position: absolute;
right: -1.5rem;
font-size: 1.5rem;
line-height: 2rem;
}
/* Snowfall Animation */
@keyframes snowfall {
0% {
transform: translateY(-10px) rotate(0deg);
}
100% {
transform: translateY(100vh) rotate(360deg);
}
}
.snowflake{
pointer-events: none;
position: fixed;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0.7;
animation: snowfall 5s linear infinite;
}
/* Add multiple snowflakes with different sizes and speeds */
.snowflake:nth-child(2n) {
font-size: 0.8em;
animation-duration: 6s;
}
.snowflake:nth-child(3n) {
font-size: 1.2em;
animation-duration: 4s;
}
/* Dark mode adjustments */
.dark .step-wrapper {
background: repeating-linear-gradient(
45deg,
rgba(0, 100, 0, 0.2) 0px 10px,
rgba(139, 0, 0, 0.2) 10px 20px
);
}
.dark .snowflake{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5159,10 +5290,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5215,10 +5342,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5312,10 +5435,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5375,10 +5494,6 @@ body {
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));
@ -5954,4 +6069,3 @@ body {
height: 24rem;
}
}

View File

@ -1185,9 +1185,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1311,9 +1308,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1585,9 +1579,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1642,9 +1633,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1830,9 +1818,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1848,9 +1833,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2220,10 +2202,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2335,10 +2313,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2421,10 +2395,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2473,11 +2443,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2632,9 +2597,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2696,9 +2658,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2826,12 +2785,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2953,9 +2906,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3031,10 +2981,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4813,12 +4759,6 @@ background-clip: text;
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5604,10 +5544,6 @@ background-clip: text;
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5660,10 +5596,6 @@ background-clip: text;
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5757,10 +5689,6 @@ background-clip: text;
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5820,10 +5748,6 @@ background-clip: text;
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1147,9 +1147,6 @@ html{
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1273,9 +1270,6 @@ html{
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1547,9 +1541,6 @@ html{
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1604,9 +1595,6 @@ html{
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1792,9 +1780,6 @@ html{
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1810,9 +1795,6 @@ html{
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2182,10 +2164,6 @@ html{
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2297,10 +2275,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2383,10 +2357,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2435,11 +2405,6 @@ html{
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2594,9 +2559,6 @@ html{
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2658,9 +2620,6 @@ html{
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2788,12 +2747,6 @@ html{
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2915,9 +2868,6 @@ html{
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2993,10 +2943,6 @@ html{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4976,12 +4922,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5767,10 +5707,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5823,10 +5759,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5920,10 +5852,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5983,10 +5911,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1387,10 +1387,6 @@ body {
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1552,10 +1548,6 @@ body {
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1917,10 +1909,6 @@ body {
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1993,10 +1981,6 @@ body {
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -2237,10 +2221,6 @@ body {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -2261,10 +2241,6 @@ body {
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2736,11 +2712,6 @@ body {
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2881,11 +2852,6 @@ body {
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2989,11 +2955,6 @@ body {
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -3056,12 +3017,6 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -3254,10 +3209,6 @@ body {
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -3339,10 +3290,6 @@ body {
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -3506,14 +3453,6 @@ body {
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -3672,10 +3611,6 @@ body {
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3771,11 +3706,6 @@ body {
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -6114,14 +6044,6 @@ button:hover{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -7110,11 +7032,6 @@ button:hover{
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -7180,11 +7097,6 @@ button:hover{
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -7302,11 +7214,6 @@ button:hover{
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -7381,11 +7288,6 @@ button:hover{
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1387,10 +1387,6 @@ body {
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1552,10 +1548,6 @@ body {
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1917,10 +1909,6 @@ body {
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1993,10 +1981,6 @@ body {
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -2237,10 +2221,6 @@ body {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -2261,10 +2241,6 @@ body {
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2736,11 +2712,6 @@ body {
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2881,11 +2852,6 @@ body {
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2989,11 +2955,6 @@ body {
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -3056,12 +3017,6 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -3254,10 +3209,6 @@ body {
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -3339,10 +3290,6 @@ body {
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -3506,14 +3453,6 @@ body {
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -3672,10 +3611,6 @@ body {
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3771,11 +3706,6 @@ body {
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -6091,14 +6021,6 @@ button:hover{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -7087,11 +7009,6 @@ button:hover{
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -7157,11 +7074,6 @@ button:hover{
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -7279,11 +7191,6 @@ button:hover{
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -7358,11 +7265,6 @@ button:hover{
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1142,9 +1142,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1268,9 +1265,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1542,9 +1536,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1599,9 +1590,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1787,9 +1775,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1805,9 +1790,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2177,10 +2159,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2292,10 +2270,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2378,10 +2352,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2430,11 +2400,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2589,9 +2554,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2653,9 +2615,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2783,12 +2742,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2910,9 +2863,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2988,10 +2938,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4844,12 +4790,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5635,10 +5575,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5691,10 +5627,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5788,10 +5720,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5851,10 +5779,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1147,9 +1147,6 @@ html{
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1273,9 +1270,6 @@ html{
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1547,9 +1541,6 @@ html{
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1604,9 +1595,6 @@ html{
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1792,9 +1780,6 @@ html{
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1810,9 +1795,6 @@ html{
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2182,10 +2164,6 @@ html{
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2297,10 +2275,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2383,10 +2357,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2435,11 +2405,6 @@ html{
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2594,9 +2559,6 @@ html{
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2658,9 +2620,6 @@ html{
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2788,12 +2747,6 @@ html{
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2915,9 +2868,6 @@ html{
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2993,10 +2943,6 @@ html{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4939,12 +4885,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5730,10 +5670,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5786,10 +5722,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5883,10 +5815,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5946,10 +5874,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1387,10 +1387,6 @@ body {
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1552,10 +1548,6 @@ body {
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1917,10 +1909,6 @@ body {
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1993,10 +1981,6 @@ body {
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -2237,10 +2221,6 @@ body {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -2261,10 +2241,6 @@ body {
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2736,11 +2712,6 @@ body {
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2881,11 +2852,6 @@ body {
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2989,11 +2955,6 @@ body {
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -3056,12 +3017,6 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -3254,10 +3209,6 @@ body {
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -3339,10 +3290,6 @@ body {
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -3506,14 +3453,6 @@ body {
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -3672,10 +3611,6 @@ body {
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3771,11 +3706,6 @@ body {
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5968,14 +5898,6 @@ button:hover{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -6964,11 +6886,6 @@ button:hover{
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -7034,11 +6951,6 @@ button:hover{
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -7156,11 +7068,6 @@ button:hover{
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -7235,11 +7142,6 @@ button:hover{
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1147,9 +1147,6 @@ html{
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1273,9 +1270,6 @@ html{
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1547,9 +1541,6 @@ html{
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1604,9 +1595,6 @@ html{
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1792,9 +1780,6 @@ html{
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1810,9 +1795,6 @@ html{
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2182,10 +2164,6 @@ html{
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2297,10 +2275,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2383,10 +2357,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2435,11 +2405,6 @@ html{
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2594,9 +2559,6 @@ html{
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2658,9 +2620,6 @@ html{
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2788,12 +2747,6 @@ html{
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2915,9 +2868,6 @@ html{
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2993,10 +2943,6 @@ html{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5039,12 +4985,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5830,10 +5770,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5886,10 +5822,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5983,10 +5915,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -6046,10 +5974,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1142,9 +1142,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1268,9 +1265,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1542,9 +1536,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1599,9 +1590,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1787,9 +1775,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1805,9 +1790,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2177,10 +2159,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2292,10 +2270,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2378,10 +2352,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2430,11 +2400,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2589,9 +2554,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2653,9 +2615,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2783,12 +2742,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2910,9 +2863,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2988,10 +2938,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4606,12 +4552,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5397,10 +5337,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5453,10 +5389,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5550,10 +5482,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5613,10 +5541,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1142,9 +1142,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1268,9 +1265,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1542,9 +1536,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1599,9 +1590,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1787,9 +1775,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1805,9 +1790,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2177,10 +2159,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2292,10 +2270,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2378,10 +2352,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2430,11 +2400,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2589,9 +2554,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2653,9 +2615,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2783,12 +2742,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2910,9 +2863,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2988,10 +2938,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4088,14 +4034,6 @@ body {
.christmas-icon-right{
right: 0.5rem;
}
@keyframes bounce {
0%, 100% {
transform: translateY(-50%) scale(1);
}
50% {
transform: translateY(-60%) scale(1.1);
}
}
.animated-progressbar-text{
position: absolute;
inset: 0px;
@ -4365,15 +4303,208 @@ body {
background-position: 100px 1000px;
}
}
/* Step Component Styles */
.step-container{
margin-bottom: 1rem;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.step-wrapper{
display: flex;
align-items: flex-start;
border-radius: 0.375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(240 82 82 / var(--tw-border-opacity));
padding: 1rem;
}
.step-wrapper:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(14 159 110 / var(--tw-border-opacity));
}
.step-wrapper {
background: repeating-linear-gradient(
45deg,
rgba(255, 0, 0, 0.1) 0px 10px,
rgba(0, 255, 0, 0.1) 10px 20px
);
}
.step-icon{
margin-right: 0.75rem;
height: 2rem;
width: 2rem;
flex-shrink: 0;
}
.icon-success{
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(5 122 85 / var(--tw-text-opacity));
}
.icon-success:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.icon-fail{
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(224 36 36 / var(--tw-text-opacity));
}
.icon-fail:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.icon-spinner{
height: 2rem;
width: 2rem;
}
@keyframes spin{
to{
transform: rotate(360deg);
}
}
.icon-spinner{
animation: spin 1s linear infinite;
border-radius: 9999px;
border-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(240 82 82 / var(--tw-border-opacity));
border-top-color: transparent;
}
.icon-spinner:is(.dark *){
--tw-border-opacity: 1;
border-color: rgb(14 159 110 / var(--tw-border-opacity));
}
.step-content{
flex-grow: 1;
}
.step-text{
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(200 30 30 / var(--tw-text-opacity));
}
.step-text:is(.dark *){
--tw-text-opacity: 1;
color: rgb(132 225 188 / var(--tw-text-opacity));
}
.step-description{
margin-top: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(4 108 78 / var(--tw-text-opacity));
}
.step-description:is(.dark *){
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
/* Transition Styles */
.fade-enter-active, .fade-leave-active{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.fade-enter, .fade-leave-to{
opacity: 0;
}
/* Status Icon Styles */
.status-icon{
cursor: pointer;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.icon{
height: 2rem;
width: 2rem;
}
.icon-success{
--tw-text-opacity: 1;
color: rgb(5 122 85 / var(--tw-text-opacity));
}
.icon-success:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.icon-fail{
--tw-text-opacity: 1;
color: rgb(224 36 36 / var(--tw-text-opacity));
}
.icon-fail:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.icon-text{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(200 30 30 / var(--tw-text-opacity));
}
.icon-text:is(.dark *){
--tw-text-opacity: 1;
color: rgb(132 225 188 / var(--tw-text-opacity));
}
/* Christmas Decorations */
.step-container::before {
content: '🎄';
position: absolute;
left: -1.5rem;
font-size: 1.5rem;
line-height: 2rem;
}
.step-container::after {
content: '🎅';
position: absolute;
right: -1.5rem;
font-size: 1.5rem;
line-height: 2rem;
}
/* Snowfall Animation */
@keyframes snowfall {
0% {
transform: translateY(-10px) rotate(0deg);
}
100% {
transform: translateY(100vh) rotate(360deg);
}
}
.snowflake{
pointer-events: none;
position: fixed;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0.7;
animation: snowfall 5s linear infinite;
}
/* Add multiple snowflakes with different sizes and speeds */
.snowflake:nth-child(2n) {
font-size: 0.8em;
animation-duration: 6s;
}
.snowflake:nth-child(3n) {
font-size: 1.2em;
animation-duration: 4s;
}
/* Dark mode adjustments */
.dark .step-wrapper {
background: repeating-linear-gradient(
45deg,
rgba(0, 100, 0, 0.2) 0px 10px,
rgba(139, 0, 0, 0.2) 10px 20px
);
}
.dark .snowflake{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5159,10 +5290,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5215,10 +5342,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5312,10 +5435,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5375,10 +5494,6 @@ body {
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));
@ -5954,4 +6069,3 @@ body {
height: 24rem;
}
}

View File

@ -1185,9 +1185,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1311,9 +1308,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1585,9 +1579,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1642,9 +1633,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1830,9 +1818,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1848,9 +1833,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2220,10 +2202,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2335,10 +2313,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2421,10 +2395,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2473,11 +2443,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2632,9 +2597,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2696,9 +2658,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2826,12 +2785,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2953,9 +2906,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3031,10 +2981,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4813,12 +4759,6 @@ background-clip: text;
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5604,10 +5544,6 @@ background-clip: text;
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5660,10 +5596,6 @@ background-clip: text;
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5757,10 +5689,6 @@ background-clip: text;
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5820,10 +5748,6 @@ background-clip: text;
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1147,9 +1147,6 @@ html{
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1273,9 +1270,6 @@ html{
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1547,9 +1541,6 @@ html{
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1604,9 +1595,6 @@ html{
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1792,9 +1780,6 @@ html{
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1810,9 +1795,6 @@ html{
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2182,10 +2164,6 @@ html{
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2297,10 +2275,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2383,10 +2357,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2435,11 +2405,6 @@ html{
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2594,9 +2559,6 @@ html{
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2658,9 +2620,6 @@ html{
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2788,12 +2747,6 @@ html{
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2915,9 +2868,6 @@ html{
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2993,10 +2943,6 @@ html{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4976,12 +4922,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5767,10 +5707,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5823,10 +5759,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5920,10 +5852,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5983,10 +5911,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1387,10 +1387,6 @@ body {
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1552,10 +1548,6 @@ body {
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1917,10 +1909,6 @@ body {
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1993,10 +1981,6 @@ body {
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -2237,10 +2221,6 @@ body {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -2261,10 +2241,6 @@ body {
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2736,11 +2712,6 @@ body {
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2881,11 +2852,6 @@ body {
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2989,11 +2955,6 @@ body {
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -3056,12 +3017,6 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -3254,10 +3209,6 @@ body {
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -3339,10 +3290,6 @@ body {
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -3506,14 +3453,6 @@ body {
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -3672,10 +3611,6 @@ body {
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3771,11 +3706,6 @@ body {
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -6114,14 +6044,6 @@ button:hover{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -7110,11 +7032,6 @@ button:hover{
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -7180,11 +7097,6 @@ button:hover{
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -7302,11 +7214,6 @@ button:hover{
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -7381,11 +7288,6 @@ button:hover{
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1387,10 +1387,6 @@ body {
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1552,10 +1548,6 @@ body {
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1917,10 +1909,6 @@ body {
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1993,10 +1981,6 @@ body {
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -2237,10 +2221,6 @@ body {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -2261,10 +2241,6 @@ body {
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2736,11 +2712,6 @@ body {
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2881,11 +2852,6 @@ body {
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2989,11 +2955,6 @@ body {
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -3056,12 +3017,6 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -3254,10 +3209,6 @@ body {
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -3339,10 +3290,6 @@ body {
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -3506,14 +3453,6 @@ body {
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -3672,10 +3611,6 @@ body {
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3771,11 +3706,6 @@ body {
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -6091,14 +6021,6 @@ button:hover{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -7087,11 +7009,6 @@ button:hover{
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -7157,11 +7074,6 @@ button:hover{
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -7279,11 +7191,6 @@ button:hover{
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -7358,11 +7265,6 @@ button:hover{
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1142,9 +1142,6 @@ body {
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1268,9 +1265,6 @@ body {
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1542,9 +1536,6 @@ body {
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1599,9 +1590,6 @@ body {
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1787,9 +1775,6 @@ body {
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1805,9 +1790,6 @@ body {
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2177,10 +2159,6 @@ body {
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2292,10 +2270,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2378,10 +2352,6 @@ body {
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2430,11 +2400,6 @@ body {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2589,9 +2554,6 @@ body {
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2653,9 +2615,6 @@ body {
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2783,12 +2742,6 @@ body {
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2910,9 +2863,6 @@ body {
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2988,10 +2938,6 @@ body {
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4844,12 +4790,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5635,10 +5575,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5691,10 +5627,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5788,10 +5720,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5851,10 +5779,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1147,9 +1147,6 @@ html{
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1273,9 +1270,6 @@ html{
.hidden{
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1547,9 +1541,6 @@ html{
.w-screen{
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1604,9 +1595,6 @@ html{
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -1792,9 +1780,6 @@ html{
.grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -1810,9 +1795,6 @@ html{
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2182,10 +2164,6 @@ html{
--tw-border-opacity: 1;
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2297,10 +2275,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2383,10 +2357,6 @@ html{
--tw-bg-opacity: 1;
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -2435,11 +2405,6 @@ html{
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -2594,9 +2559,6 @@ html{
.to-pink-700{
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -2658,9 +2620,6 @@ html{
.fill-yellow-400{
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -2788,12 +2747,6 @@ html{
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -2915,9 +2868,6 @@ html{
.italic{
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -2993,10 +2943,6 @@ html{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -4939,12 +4885,6 @@ button:hover{
.last\:mb-0:last-child{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -5730,10 +5670,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -5786,10 +5722,6 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -5883,10 +5815,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5946,10 +5874,6 @@ button:hover{
--tw-text-opacity: 1;
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -1387,10 +1387,6 @@ body {
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-4{
margin-bottom: 1rem;
}
@ -1552,10 +1548,6 @@ body {
display: none;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.h-0{
height: 0px;
}
@ -1917,10 +1909,6 @@ body {
width: 100vw;
}
.min-w-80{
min-width: 20rem;
}
.min-w-96{
min-width: 24rem;
}
@ -1993,10 +1981,6 @@ body {
max-width: 300px;
}
.max-w-full{
max-width: 100%;
}
.max-w-lg{
max-width: 32rem;
}
@ -2237,10 +2221,6 @@ body {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[50px\2c 1fr\]{
grid-template-columns: 50px 1fr;
}
.flex-row{
flex-direction: row;
}
@ -2261,10 +2241,6 @@ body {
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.items-start{
align-items: flex-start;
}
@ -2736,11 +2712,6 @@ body {
border-color: rgb(194 120 3 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.bg-accent{
background-color: var(--color-accent);
}
@ -2881,11 +2852,6 @@ body {
background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}
.bg-green-900{
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.bg-indigo-100{
--tw-bg-opacity: 1;
background-color: rgb(229 237 255 / var(--tw-bg-opacity));
@ -2989,11 +2955,6 @@ body {
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.bg-red-900{
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.bg-secondary{
background-color: var(--color-secondary);
}
@ -3056,12 +3017,6 @@ body {
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400{
--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
@ -3254,10 +3209,6 @@ body {
--tw-gradient-to: #BF125D var(--tw-gradient-to-position);
}
.to-purple-500{
--tw-gradient-to: #9061F9 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
--tw-gradient-to: rgb(144 97 249 / 0.1) var(--tw-gradient-to-position);
}
@ -3339,10 +3290,6 @@ body {
fill: #E3A008;
}
.stroke-2{
stroke-width: 2;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
@ -3506,14 +3453,6 @@ body {
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-80{
padding-bottom: 20rem;
}
@ -3672,10 +3611,6 @@ body {
font-style: italic;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
@ -3771,11 +3706,6 @@ body {
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.text-green-400{
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.text-green-500{
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -5968,14 +5898,6 @@ button:hover{
margin-bottom: 0px;
}
.last\:\!border-transparent:last-child{
border-color: transparent !important;
}
.last\:pb-0:last-child{
padding-bottom: 0px;
}
.even\:bg-bg-light-discussion-odd:nth-child(even){
background-color: var(--color-bg-light-discussion-odd);
}
@ -6964,11 +6886,6 @@ button:hover{
background-color: rgb(3 84 63 / var(--tw-bg-opacity));
}
.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(1 71 55 / var(--tw-bg-opacity));
}
.dark\:bg-indigo-200:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(205 219 254 / var(--tw-bg-opacity));
@ -7034,11 +6951,6 @@ button:hover{
background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}
.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(119 29 29 / var(--tw-bg-opacity));
}
.dark\:bg-white:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -7156,11 +7068,6 @@ button:hover{
color: rgb(188 240 218 / var(--tw-text-opacity));
}
.dark\:text-green-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(49 196 141 / var(--tw-text-opacity));
}
.dark\:text-green-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(14 159 110 / var(--tw-text-opacity));
@ -7235,11 +7142,6 @@ button:hover{
color: rgb(248 180 180 / var(--tw-text-opacity));
}
.dark\:text-red-400:is(.dark *){
--tw-text-opacity: 1;
color: rgb(249 128 128 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *){
--tw-text-opacity: 1;
color: rgb(240 82 82 / var(--tw-text-opacity));

View File

@ -113,7 +113,7 @@ body {
}
.discussion {
@apply mr-2 text-xs;
@apply mr-2 text-xs hover:bg-blue-300;
}
.discussion-hilighted {
@ -184,6 +184,15 @@ body {
text-shadow: 1px 1px 0px #e0e0e0, -1px -1px 0px #e0e0e0, 1px -1px 0px #e0e0e0, -1px 1px 0px #e0e0e0;
}
.animated-progressbar-bg {
@apply w-full h-10 relative overflow-hidden bg-gradient-to-r from-blue-950 to-blue-900 dark:from-black dark:to-blue-950 rounded-sm shadow-[0_0_15px_rgba(245,158,11,0.2)]
}
.animated-progressbar-fg {
@apply absolute top-0 left-0 h-full bg-gradient-to-r from-blue-500 to-blue-400 dark:from-blue-400 dark:to-blue-500 transition-all duration-300
}
.menu-item {
@apply mb-2 px-4 py-2 text-blue-600 dark:text-blue-300 font-bold text-lg transition-all duration-300 ease-in-out;
@apply hover:text-blue-800 hover:dark:text-blue-200 hover:transform hover:-translate-y-1;
@ -426,3 +435,157 @@ background-clip: text;
.context-menu-item-icon {
margin-right: 8px;
}
/* Steps theming */
/* steps.css */
/* Steps Container Styles */
.steps-container {
@apply border border-gray-200 rounded-md mb-4;
}
.steps-header {
@apply flex items-center p-4 bg-gray-50 dark:bg-gray-900 cursor-pointer;
}
.steps-icon {
@apply mr-4;
}
.steps-summary {
@apply flex-grow;
}
.steps-title {
@apply m-0 text-base font-semibold;
}
.steps-status {
@apply m-0 text-sm text-gray-600;
}
.toggle-icon {
@apply text-sm text-gray-500;
}
.steps-content {
@apply p-4;
}
.steps-list {
@apply list-none p-0 m-0;
}
.step-item {
@apply mb-2 pl-4 border-l-2 border-gray-200 last:mb-0;
}
/* Step Component Styles */
/* Steps Container Styles */
.steps-container {
@apply border border-gray-200 rounded-md mb-4 bg-gray-50 dark:bg-gray-800;
}
.steps-header {
@apply flex items-center p-4 cursor-pointer border-b border-gray-200 dark:border-gray-700;
}
.steps-icon {
@apply mr-4;
}
.steps-summary {
@apply flex-grow;
}
.steps-title {
@apply m-0 text-base font-semibold text-gray-700 dark:text-gray-300;
}
.steps-status {
@apply m-0 text-sm text-gray-600 dark:text-gray-400;
}
.toggle-icon {
@apply text-sm text-gray-500 dark:text-gray-400;
}
.steps-content {
@apply p-4;
}
.steps-list {
@apply list-none p-0 m-0;
}
.step-item {
@apply mb-2 pl-4 border-l-2 border-gray-300 dark:border-gray-600 last:mb-0;
}
/* Step Component Styles */
.step-container {
@apply mb-4 transition-all duration-300 ease-in-out;
}
.step-wrapper {
@apply flex items-start p-3 rounded-md bg-white dark:bg-gray-800;
}
.step-icon {
@apply flex-shrink-0 w-6 h-6 mr-3;
}
.icon-success {
@apply w-6 h-6 text-green-500 dark:text-green-400;
}
.icon-fail {
@apply w-6 h-6 text-red-500 dark:text-red-400;
}
.icon-spinner {
@apply w-6 h-6 border-2 border-blue-500 dark:border-blue-400 border-t-transparent rounded-full animate-spin;
}
.step-content {
@apply flex-grow;
}
.step-text {
@apply text-base font-medium text-gray-700 dark:text-gray-300;
}
.step-description {
@apply mt-1 text-sm text-gray-600 dark:text-gray-400;
}
/* Transition Styles */
.fade-enter-active, .fade-leave-active {
@apply transition-opacity duration-300;
}
.fade-enter, .fade-leave-to {
@apply opacity-0;
}
/* Status Icon Styles */
.status-icon {
@apply cursor-pointer transition-colors duration-300;
}
.icon {
@apply w-6 h-6;
}
.icon-success {
@apply text-green-500 dark:text-green-400;
}
.icon-fail {
@apply text-red-500 dark:text-red-400;
}
.icon-text {
@apply text-xl font-bold text-gray-700 dark:text-gray-300;
}

View File

@ -159,7 +159,7 @@
<div class="w-fit">
<PersonalitiesCommands
v-if="this.$store.state.personalities_ready && this.$store.state.mountedPersArr[this.$store.state.config.active_personality_id].commands!=''"
v-if="this.$store.state.mountedPersArr[this.$store.state.config.active_personality_id].commands!=''"
:commandsList="this.$store.state.mountedPersArr[this.$store.state.config.active_personality_id].commands"
:sendCommand="sendCMDEvent"
:on-show-toast-message="onShowToastMessage"
@ -234,7 +234,7 @@
<ChatBarButton
v-if="$store.state.config.active_tts_service != 'None' && $store.state.config.active_tts_service != null && this.$store.state.config.active_stt_service!='None' && this.$store.state.config.active_stt_service!=null"
@click="is_rt ? stopRTCom : startRTCom"
@click="updateRT"
:class="is_rt ? 'bg-red-500 dark:bg-red-600' : 'bg-green-500 dark:bg-green-600'"
title="Real-time audio mode"
>
@ -631,6 +631,15 @@ export default {
makeAnEmptyAIMessage() {
this.$emit('createEmptyAIMessage')
},
updateRT() {
console.log("Updating rt status")
if(this.is_rt){
this.stopRTCom();
}
else{
this.startRTCom();
}
},
startRTCom(){
this.is_rt = true
console.log("is_rt:",this.is_rt)

View File

@ -1,7 +1,7 @@
<template>
<div
:class="selected ? 'discussion-hilighted min-w-[14rem] max-w-[14rem]' : 'discussion min-w-[14rem] max-w-[14rem]'"
class="m-1 py-2 flex flex-row sm:flex-row flex-wrap flex-shrink-0 items-center rounded-md duration-75 cursor-pointer relative"
:class="selected ? 'discussion-hilighted' : 'discussion'"
class="m-1 py-2 flex flex-row sm:flex-row flex-wrap flex-shrink-0 items-center rounded-md duration-75 cursor-pointer relative w-[15rem]"
:id="'dis-' + id"
@click.stop="selectEvent()"
>
@ -88,7 +88,7 @@
</div>
<!-- EDIT AND REMOVE -->
<div v-if="!showConfirmation" class="flex gap-2 items-center">
<button
<button v-if="openfolder_enabled"
class="text-2xl hover:text-secondary duration-75 active:scale-90"
title="Open folder"
type="button"
@ -139,7 +139,8 @@ export default {
selected: Boolean,
loading: Boolean,
isCheckbox: Boolean,
checkBoxValue: Boolean
checkBoxValue: Boolean,
openfolder_enabled: Boolean
},
setup() {

View File

@ -34,7 +34,7 @@
</div>
<div class="overflow-x-auto w-full overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
<div class="overflow-x-auto w-full overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary space-y-2">
<!-- MESSAGE CONTENT -->
<MarkdownRenderer ref="mdRender" v-if="!editMsgMode" :host="host" :markdown-text="message.content" :message_id="message.id" :discussion_id="message.discussion_id" :client_id="this.$store.state.client_id">
@ -59,49 +59,44 @@
Your browser does not support the audio element.
</audio>
<div class="message-details">
<details
v-if="message && message.steps && message.steps.length > 0"
class="flex w-full cursor-pointer rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-800 dark:bg-gray-900 mb-3.5 max-w-full transition-all duration-300 ease-in-out"
>
<summary class="grid min-w-80 select-none grid-cols-[50px,1fr] items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
<div class="relative grid aspect-square place-content-center overflow-hidden rounded-full bg-gradient-to-br from-blue-400 to-purple-500 transform transition-transform duration-300 hover:scale-105">
<StatusIcon :status="message.status_message" />
<div v-if="message.steps.length > 0" class="steps-container">
<div class="steps-header" @click="toggleExpanded">
<div class="steps-icon">
<StatusIcon :status="message.status_message" :icon="true" />
</div>
<div class="steps-summary">
<h3 class="steps-title">Processing Info</h3>
<p class="steps-status">{{ message.status_message }}</p>
</div>
<span class="toggle-icon">{{ expanded ? '▲' : '▼' }}</span>
</div>
<transition name="fade">
<div v-if="expanded" class="steps-content">
<ul class="steps-list">
<li v-for="(step, index) in message.steps" :key="`step-${message.id}-${index}`" class="step-item">
<Step
:done="step.done"
:text="step.text"
:status="step.status"
:description="step.description"
/>
</li>
</ul>
</div>
</transition>
</div>
<dl class="leading-5">
<dd class="text-lg font-semibold text-gray-800 dark:text-gray-200">Processing Info</dd>
<dt class="flex items-center gap-1 truncate whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
<StatusIndicator :status="message.status_message" />
{{ message.status_message }}
</dt>
</dl>
</summary>
<div class="px-5 pb-5 pt-4 transition-all duration-300 ease-in-out">
<ol class="list-none">
<li
v-for="(step, index) in message.steps"
:key="`step-${message.id}-${index}`"
class="group border-l pb-6 last:!border-transparent last:pb-0 dark:border-gray-800 transition-all duration-300 ease-in-out"
:class="{ 'bg-transparent': step.done }"
:style="{ animationDelay: `${index * 100}ms` }"
>
<Step :done="step.done" :text="step.text" :status="step.status" :step_type="step.step_type" />
</li>
</ol>
<div class="flex flex-col items-start w-full overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
<div
v-for="(html_js, index) in message.html_js_s"
:key="`htmljs-${message.id}-${index}`"
class="font-bold animate-fadeIn"
:style="{ animationDelay: `${index * 200}ms` }"
>
<RenderHTMLJS :htmlContent="html_js" />
</div>
</div>
</div>
</details>
<div class="flex flex-col items-start w-full overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
<div
v-for="(html_js, index) in message.html_js_s"
:key="`htmljs-${message.id}-${index}`"
class="font-bold animate-fadeIn"
:style="{ animationDelay: `${index * 200}ms` }"
>
<RenderHTMLJS :htmlContent="html_js" />
</div>
</div>
</div>
</div>
<!-- MESSAGE CONTROLS -->
<div class="flex-row justify-end mx-2">
@ -406,6 +401,9 @@ export default {
},
methods: {
toggleExpanded() {
this.expanded = !this.expanded
},
computeTimeDiff(startTime, endTime){
let timeDiff = endTime.getTime() - startTime.getTime();
@ -974,4 +972,5 @@ details summary::-webkit-details-marker {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
</style>

View File

@ -1,8 +1,18 @@
<template>
<div class="relative group/item">
<button @click.prevent="onSettingsPersonality" class="w-6 h-6 rounded-full overflow-hidden transition-transform duration-200 transform group-hover/item:scale-110 focus:outline-none">
<img :src="mountedPers.avatar" @error="personalityImgPlacehodler" :alt="mountedPers.name" class="w-full h-full object-cover" :class="{'border-2 border-secondary': isActive}">
</button>
<button
@click.prevent="onSettingsPersonality"
class="w-6 h-6 rounded-full overflow-hidden transition-transform duration-200 transform group-hover/item:scale-110 focus:outline-none relative"
:class="{'glow-effect': $store.state.config.activate_skills_lib}"
>
<img
:src="mountedPers.avatar"
@error="personalityImgPlacehodler"
:alt="mountedPers.name"
class="w-full h-full object-cover"
:class="{'border-2 border-secondary': isActive}"
>
</button>
<div class="absolute bottom-6 left-0 w-full flex items-center justify-center opacity-0 group-hover/item:opacity-100 transition-opacity duration-200 p-1">
<button @click.prevent="remount_personality()" class="p-1 bg-blue-500 rounded-full text-white hover:bg-blue-600 focus:outline-none" title="Remount">
@ -244,3 +254,18 @@ export default {
}
</script>
<style scoped>
.glow-effect {
box-shadow: 0 0 5px 2px rgba(0, 255, 255, 0.7);
animation: glow 1.5s ease-in-out infinite alternate;
}
@keyframes glow {
from {
box-shadow: 0 0 5px 2px rgba(0, 255, 255, 0.7);
}
to {
box-shadow: 0 0 20px 2px rgba(0, 255, 255, 0.7);
}
}
</style>

View File

@ -2,17 +2,29 @@
<div :class="{ 'hidden': !isVisible }" class="absolute flex flex-col no-scrollbar shadow-lg bg-bg-light dark:bg-bg-dark top-20 left-20 bottom-20 right-20 shadow-lg rounded">
<div id="leftPanel" class="flex flex-row h-full flex-grow shadow-lg rounded">
<div class="min-w-[23rem] max-w-[23rem] z-10 top-0 bg-bg-light-tone dark:bg-bg-dark-tone shadow-md overflow-y-scroll no-scrollbar">
<div class="search p-4">
<input type="text" v-model="searchQuery" placeholder="Search skills" class="border border-gray-300 rounded px-2 py-1 mr-2">
<button @click="searchSkills" class="bg-blue-500 text-white rounded px-4 py-1">Search</button>
</div>
<div classclass="absolute flex flex-col no-scrollbar shadow-lg min-w-[24rem] max-w-[24rem] bg-bg-light-tone dark:bg-bg-dark-tone top-20 left-20 bottom-20 right-20 bg-bg-light shadow-lg rounded">
<div class="w-[15rem] z-10 top-0 bg-bg-light-tone dark:bg-bg-dark-tone shadow-md overflow-y-scroll no-scrollbar">
<!-- Search input -->
<input
type="search"
id="default-search"
class="block w-full h-8 px-8 text-sm border border-gray-300 rounded-md
bg-bg-light focus:ring-1 focus:ring-secondary focus:border-secondary
dark:bg-bg-dark dark:border-gray-600 dark:placeholder-gray-400
dark:focus:ring-secondary dark:focus:border-secondary
transition-all duration-200"
placeholder="Search discussions..."
title="Filter skills by title"
v-model="searchQuery"
@keyup.enter="searchSkills"
/>
<div classclass="absolute flex flex-col no-scrollbar shadow-lg w-[15rem] bg-bg-light-tone dark:bg-bg-dark-tone top-20 left-20 bottom-20 right-20 bg-bg-light shadow-lg rounded">
<h2 class="text-xl font-bold m-4">Titles</h2>
<TransitionGroup v-if="titles.length > 0" name="list">
<Discussion v-for="title in titles" :key="title.id" :id="title.id" :title="title.title"
:selected="fetchContent(title.id)" :loading="loading" :isCheckbox="isCheckbox"
:checkBoxValue="false"
:openfolder_enabled="false"
@select="fetchContent(title.id)"
@delete="deleteSkill(title.id)"
@editTitle="editTitle"
@ -92,6 +104,7 @@ export default {
});
},
fetchContent(skillId) {
console.log("loading skill", skillId)
axios.post('/get_skills_library_content', { client_id: this.$store.state.client_id, skill_id: skillId })
.then(response => {
const skill = response.data.contents[0];

View File

@ -1,20 +1,68 @@
<template>
<div :class="{'text-green-500': status, 'text-red-500': !status}" :title="status ? titleTrue : titleFalse">
<i v-if="icon" :data-feather="icon"></i>
<b v-else class="text-2xl">{{ iconTrue }}</b>
</div>
</template>
<div class="status-icon" :title="getTitle">
<template v-if="icon">
<svg v-if="status === 'Done'" class="icon icon-success" viewBox="0 0 24 24">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" />
</svg>
<svg v-else-if="status === 'Failed'" class="icon icon-fail" viewBox="0 0 24 24">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
</svg>
<div v-else class="icon-spinner"></div>
</template>
<span v-else class="icon-text">
{{ getIconText }}
</span>
</div>
</template>
<script>
export default {
props: {
status: Boolean,
icon: String,
iconTrue: String,
iconFalse: String,
titleTrue: String,
titleFalse: String,
}
}
</script>
<script setup>
import { computed } from 'vue';
const props = defineProps({
status: {
type: String,
required: true
},
icon: Boolean,
iconDone: {
type: String,
default: '✓'
},
iconFailed: {
type: String,
default: '✗'
},
iconProcessing: {
type: String,
default: '⟳'
},
titleDone: {
type: String,
default: 'Success'
},
titleFailed: {
type: String,
default: 'Failure'
},
titleProcessing: {
type: String,
default: 'Processing'
},
});
const getTitle = computed(() => {
if (props.status === 'Done') return props.titleDone;
if (props.status === 'Failed') return props.titleFailed;
return props.titleProcessing;
});
const getIconText = computed(() => {
if (props.status === 'Done') return props.iconDone;
if (props.status === 'Failed') return props.iconFailed;
return props.iconProcessing;
});
</script>
<style scoped>
/* You can remove this style block if you're using the CSS in a global stylesheet */
</style>

View File

@ -1,24 +1,25 @@
<template>
<div :title="title" :class="['text-2xl cursor-pointer', isOk ? 'text-green-500' : 'text-red-500']">
<i v-if="typeof icon === 'string'" :data-feather="icon"></i>
<b v-else class="text-2xl">{{ icon }}</b>
</div>
</template>
<div :title="title" :class="['cursor-pointer', isOk ? 'text-green-500' : 'text-red-500']">
<i v-if="isStringIcon" :data-feather="icon" class="w-6 h-6"></i>
<span v-else class="text-xl font-bold">{{ icon }}</span>
</div>
</template>
<script>
import feather from 'feather-icons'
export default {
props: {
isOk: Boolean,
icon: [String, Object],
title: String
},
mounted() {
if (typeof this.icon === 'string') {
this.$nextTick(() => {
feather.replace()
})
}
}
<script setup>
import { computed, onMounted, nextTick } from 'vue';
import feather from 'feather-icons';
const props = defineProps({
isOk: Boolean,
icon: [String, Object],
title: String
});
const isStringIcon = computed(() => typeof props.icon === 'string');
onMounted(() => {
if (isStringIcon.value) {
nextTick(() => feather.replace());
}
</script>
});
</script>

View File

@ -1,142 +1,34 @@
<template>
<div class="step-container">
<div
class="step-wrapper transition-all duration-300 ease-in-out"
:class="{
'bg-green-100 dark:bg-green-900': done && status,
'bg-red-100 dark:bg-red-900': done && !status,
'bg-gray-100 dark:bg-gray-800': !done
}"
>
<div class="step-container" :class="{ 'step-done': done }">
<div class="step-wrapper">
<div class="step-icon">
<div v-if="step_type === 'start_end'">
<div v-if="!done">
<i
data-feather="circle"
class="feather-icon text-gray-600 dark:text-gray-300"
></i>
</div>
<div v-else-if="done && status">
<i
data-feather="check-circle"
class="feather-icon text-green-600 dark:text-green-400"
></i>
</div>
<div v-else>
<i
data-feather="x-circle"
class="feather-icon text-red-600 dark:text-red-400"
></i>
</div>
</div>
<div v-if="!done">
<div class="spinner"></div>
</div>
<template v-if="done">
<svg v-if="status" class="icon-success" viewBox="0 0 24 24">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" />
</svg>
<svg v-else class="icon-fail" viewBox="0 0 24 24">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
</svg>
</template>
<div v-else class="icon-spinner"></div>
</div>
<div class="step-content">
<h3
class="step-text"
:class="{
'text-green-600 dark:text-green-400': done && status,
'text-red-600 dark:text-red-400': done && !status,
'text-gray-800 dark:text-gray-200': !done
}"
>
<h3 class="step-text">
{{ text || 'No text provided' }}
</h3>
<p v-if="description" class="step-description">{{ description || 'No description provided' }}</p>
<p v-if="description" class="step-description">{{ description }}</p>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
done: {
type: Boolean,
default: false // Default to false if not provided
},
text: {
type: String,
default: '' // Default to empty string if not provided
},
status: {
type: Boolean,
default: false // Default to false if not provided
},
step_type: {
type: String,
default: 'start_end' // Default to 'start_end' if not provided
},
description: {
type: String,
default: '' // Default to empty string if not provided
}
},
mounted() {
this.amounted();
},
methods: {
amounted() {
console.log('Component mounted with the following properties:');
console.log('done:', this.done);
console.log('text:', this.text);
console.log('status:', this.status);
console.log('step_type:', this.step_type);
console.log('description:', this.description);
}
},
watch: {
done(newValue) {
if (typeof newValue !== 'boolean') {
console.error('Invalid type for done. Expected Boolean.');
}
},
status(newValue) {
if (typeof newValue !== 'boolean') {
console.error('Invalid type for status. Expected Boolean.');
}
if (this.done && !newValue) {
console.error('Task completed with errors.');
}
}
done: Boolean,
text: String,
status: Boolean,
description: String
}
};
</script>
<style scoped>
.step-container {
@apply mb-4;
}
.step-wrapper {
@apply flex items-start p-4 rounded-lg shadow-md;
}
.step-icon {
@apply flex-shrink-0 w-6 h-6 mr-4 flex items-center justify-center;
}
.feather-icon {
@apply w-6 h-6 stroke-2 stroke-current;
}
.spinner {
@apply w-6 h-6 border-2 border-gray-600 border-t-2 border-t-blue-600 rounded-full animate-spin;
}
.step-content {
@apply flex-grow;
}
.step-text {
@apply text-lg font-semibold mb-1;
}
.step-description {
@apply text-sm text-gray-600 dark:text-gray-400;
}
</style>

View File

@ -363,3 +363,124 @@
}
}
/* Step Component Styles */
.step-container {
@apply mb-4 transition-all duration-300 ease-in-out;
}
.step-wrapper {
@apply flex items-start p-4 rounded-md border-2 border-red-500 dark:border-green-500;
background: repeating-linear-gradient(
45deg,
rgba(255, 0, 0, 0.1) 0px 10px,
rgba(0, 255, 0, 0.1) 10px 20px
);
}
.step-icon {
@apply flex-shrink-0 w-8 h-8 mr-3;
}
.icon-success {
@apply w-8 h-8 text-green-600 dark:text-green-400;
}
.icon-fail {
@apply w-8 h-8 text-red-600 dark:text-red-400;
}
.icon-spinner {
@apply w-8 h-8 border-4 border-red-500 dark:border-green-500 border-t-transparent rounded-full animate-spin;
}
.step-content {
@apply flex-grow;
}
.step-text {
@apply text-lg font-bold text-red-700 dark:text-green-300;
}
.step-description {
@apply mt-2 text-base text-green-700 dark:text-red-300;
}
/* Transition Styles */
.fade-enter-active, .fade-leave-active {
@apply transition-opacity duration-300;
}
.fade-enter, .fade-leave-to {
@apply opacity-0;
}
/* Status Icon Styles */
.status-icon {
@apply cursor-pointer transition-colors duration-300;
}
.icon {
@apply w-8 h-8;
}
.icon-success {
@apply text-green-600 dark:text-green-400;
}
.icon-fail {
@apply text-red-600 dark:text-red-400;
}
.icon-text {
@apply text-2xl font-bold text-red-700 dark:text-green-300;
}
/* Christmas Decorations */
.step-container::before {
content: '🎄';
@apply absolute -left-6 text-2xl;
}
.step-container::after {
content: '🎅';
@apply absolute -right-6 text-2xl;
}
/* Snowfall Animation */
@keyframes snowfall {
0% {
transform: translateY(-10px) rotate(0deg);
}
100% {
transform: translateY(100vh) rotate(360deg);
}
}
.snowflake {
@apply fixed text-white opacity-70 pointer-events-none;
animation: snowfall 5s linear infinite;
}
/* Add multiple snowflakes with different sizes and speeds */
.snowflake:nth-child(2n) {
font-size: 0.8em;
animation-duration: 6s;
}
.snowflake:nth-child(3n) {
font-size: 1.2em;
animation-duration: 4s;
}
/* Dark mode adjustments */
.dark .step-wrapper {
background: repeating-linear-gradient(
45deg,
rgba(0, 100, 0, 0.2) 0px 10px,
rgba(139, 0, 0, 0.2) 10px 20px
);
}
.dark .snowflake {
@apply text-gray-300;
}

View File

@ -69,7 +69,7 @@
</transition>
<transition name="slide-right">
<div v-if="showLeftPanel"
class="relative flex flex-col no-scrollbar shadow-lg min-w-[15rem] max-w-[15rem]"
class="relative flex flex-col no-scrollbar shadow-lg w-[16rem] "
>
<RouterLink :to="{ name: 'discussions' }" class="flex items-center space-x-2"> <!-- Added space-x-2 -->
<div class="logo-container"> <!-- Removed mr-1 -->
@ -106,7 +106,63 @@
>
<i data-feather="plus"></i>
</button>
<div class="toolbar-button" @mouseleave="hideSkillsLibraryMenu" v-if="!loading">
<!-- Expandable menu positioned above the button -->
<div v-show="isSkillsLibraryMenuVisible" @mouseenter="showSkillsLibraryMenu" class="absolute m-0 p-0 z-50 top-full left-0 transform bg-white dark:bg-bg-dark rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none transition-all duration-300 ease-out mb-2">
<div class="p-4 flex flex-wrap gap-2 items-center">
<!-- Add to skills database -->
<button
v-if="!loading"
type="button"
@click.stop="addDiscussion2SkillsLibrary"
title="Add this discussion content to skills database"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="plus"></i>
</button>
<!-- Toggle skills database -->
<button
v-if="!loading && $store.state.config.activate_skills_lib"
type="button"
@click.stop="toggleSkillsLib"
title="Skills database is activated"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="check-circle"></i>
</button>
<button
v-if="!loading && !$store.state.config.activate_skills_lib"
type="button"
@click.stop="toggleSkillsLib"
title="Skills database is deactivated"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="x-octagon"></i>
</button>
<!-- Show skills database -->
<button
v-if="!loading"
type="button"
@click.stop="showSkillsLib"
title="Show Skills database"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="book"></i>
</button>
</div>
</div>
<!-- Menu toggle button -->
<div @mouseenter="showSkillsLibraryMenu" class="menu-hover-area">
<button class="w-8 h-8" title="Toggle Skills library menu">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M4 4v16h16V4H4zm2 2h12v12H6V6zm2 2h2v8H8V8zm3 0h2v8h-2V8zm3 0h2v8h-2V8z" fill="currentColor"/>
</svg>
</button>
</div>
</div>
<div class="toolbar-button" @mouseleave="hideMenu" v-if="!loading">
<!-- Expandable menu positioned above the button -->
<div v-show="isMenuVisible" @mouseenter="showMenu" class="absolute m-0 p-0 z-50 top-full left-0 transform bg-white dark:bg-bg-dark rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none transition-all duration-300 ease-out mb-2">
@ -167,47 +223,6 @@
</button>
</div>
<!-- Add to skills database -->
<button
v-if="!loading"
type="button"
@click.stop="addDiscussion2SkillsLibrary"
title="Add this discussion content to skills database"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="hard-drive"></i>
</button>
<!-- Toggle skills database -->
<button
v-if="!loading && $store.state.config.activate_skills_lib"
type="button"
@click.stop="toggleSkillsLib"
title="Skills database is activated"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="check-circle"></i>
</button>
<button
v-if="!loading && !$store.state.config.activate_skills_lib"
type="button"
@click.stop="toggleSkillsLib"
title="Skills database is deactivated"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="x-octagon"></i>
</button>
<!-- Show skills database -->
<button
v-if="!loading"
type="button"
@click.stop="showSkillsLib"
title="Show Skills database"
class="text-3xl hover:text-secondary dark:hover:text-secondary-light duration-150 active:scale-95"
>
<i data-feather="book"></i>
</button>
<!-- Loading spinner -->
<div v-if="loading" title="Loading.." class="flex justify-center">
@ -485,8 +500,10 @@
</div>
</div>
<div @mouseenter="showPersonalitiesMenu" class="personalities-hover-area">
<MountedPersonalities ref="mountedPers" :onShowPersList="onShowPersListFun" :onReady="onPersonalitiesReadyFun"/>
<div class="personalities-container">
<div @mouseenter="showPersonalitiesMenu" class="personalities-hover-area">
<MountedPersonalities ref="mountedPers" :onShowPersList="onShowPersList" :onReady="onPersonalitiesReady"/>
</div>
</div>
</div>
</div>
@ -586,6 +603,7 @@
<Discussion v-for="(item, index) in list" :key="item.id" :id="item.id" :title="item.title"
:selected="currentDiscussion.id == item.id" :loading="item.loading" :isCheckbox="isCheckbox"
:checkBoxValue="item.checkBoxValue"
:openfolder_enabled="true"
@select="selectDiscussion(item)"
@delete="deleteDiscussion(item.id)"
@openFolder="openFolder"
@ -851,6 +869,24 @@
<style scoped>
.personalities-container {
position: relative;
}
.skills-lib-icon {
position: absolute;
top: -2px;
right: -2px;
z-index: 10;
font-size: 5px; /* Adjust this value to change the icon size */
width: 2px; /* Match this to the font-size */
height: 2px; /* Match this to the font-size */
}
.skills-lib-icon i {
width: 2px;
height: 2px;
}
@keyframes giggle {
0%, 100% {
transform: translateX(0) rotate(0deg) scale(1);
@ -1343,6 +1379,7 @@ export default {
personalitySearchQuery: '',
isSearching: false,
isPersonalitiesMenuVisible: false,
isSkillsLibraryMenuVisible: false,
isModelsMenuVisible:false,
isBindingsMenuVisible: false,
isMenuVisible: false,
@ -1625,6 +1662,15 @@ export default {
clearTimeout(this.hideMenuTimeout);
this.isPersonalitiesMenuVisible = true
},
showSkillsLibraryMenu() {
clearTimeout(this.hideSkillsLibraryMenuTimeout);
this.isSkillsLibraryMenuVisible = true
},
hideSkillsLibraryMenu() {
this.hideMenuTimeout = setTimeout(() => {
this.isSkillsLibraryMenuVisible = false;
}, 300); // 300ms delay before hiding the menu
},
hidePersonalitiesMenu() {
this.hideMenuTimeout = setTimeout(() => {
this.isPersonalitiesMenuVisible = false;
@ -2877,6 +2923,7 @@ export default {
this.extractHtml()
} else if (msgObj.operation_type == this.operationTypes.MSG_OPERATION_TYPE_STEP || msgObj.operation_type == this.operationTypes.MSG_OPERATION_TYPE_STEP_START || msgObj.operation_type == this.operationTypes.MSG_OPERATION_TYPE_STEP_END_SUCCESS || msgObj.operation_type == this.operationTypes.MSG_OPERATION_TYPE_STEP_END_FAILURE){
if (Array.isArray(msgObj.steps)) {
console.log("Received steps:", msgObj.steps)
messageItem.status_message = msgObj.steps[msgObj.steps.length - 1]["text"]
messageItem.steps = msgObj.steps;
} else {
@ -3996,17 +4043,11 @@ import Message from '../components/Message.vue'
import ChatBox from '../components/ChatBox.vue'
import WelcomeComponent from '../components/WelcomeComponent.vue'
import feather from 'feather-icons'
import axios from 'axios'
import { nextTick, TransitionGroup } from 'vue'
import socket from '@/services/websocket.js'
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'
import { store } from '../main'