ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-01-26 14:19:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed rendering issues

Browse Source
This commit is contained in:
Saifeddine ALOUI 2024-12-21 00:02:35 +01:00
parent 97f8620480
commit b86c661c47
35 changed files with 23974 additions and 990 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
web/dist/assets/index-P0ETQvbt.js → web/dist/assets/index-B9NDb1Ec.js vendored
View File

8
web/dist/assets/index-CfnZSzL0.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

8
web/dist/assets/index-jjsz8X-a.css vendored
View File

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-P0ETQvbt.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-jjsz8X-a.css">
<script type="module" crossorigin src="/assets/index-B9NDb1Ec.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CfnZSzL0.css">
</head>
<body>
<div id="app"></div>

1123
web/dist/themes/amber.css vendored
View File

File diff suppressed because it is too large Load Diff

1123
web/dist/themes/borg.css vendored
View File

File diff suppressed because it is too large Load Diff

1077
web/dist/themes/christmas.css vendored
View File

File diff suppressed because it is too large Load Diff

1139
web/dist/themes/default.css vendored
View File

File diff suppressed because it is too large Load Diff

1121
web/dist/themes/lollms_blue.css vendored
View File

File diff suppressed because it is too large Load Diff

1461
web/dist/themes/matrix_reborn.css vendored
View File

File diff suppressed because it is too large Load Diff

1461
web/dist/themes/red_dragon.css vendored
View File

File diff suppressed because it is too large Load Diff

1121
web/dist/themes/sober_gray.css vendored
View File

File diff suppressed because it is too large Load Diff

1121
web/dist/themes/strawberry.css vendored
View File

File diff suppressed because it is too large Load Diff

1461
web/dist/themes/strawberry_milkshake.css vendored
View File

File diff suppressed because it is too large Load Diff

1123
web/public/themes/amber.css
View File

File diff suppressed because it is too large Load Diff

1123
web/public/themes/borg.css
View File

File diff suppressed because it is too large Load Diff

1077
web/public/themes/christmas.css
View File

File diff suppressed because it is too large Load Diff

1139
web/public/themes/default.css
View File

File diff suppressed because it is too large Load Diff

1121
web/public/themes/lollms_blue.css
View File

File diff suppressed because it is too large Load Diff

1461
web/public/themes/matrix_reborn.css
View File

File diff suppressed because it is too large Load Diff

1461
web/public/themes/red_dragon.css
View File

File diff suppressed because it is too large Load Diff

1121
web/public/themes/sober_gray.css
View File

File diff suppressed because it is too large Load Diff

1121
web/public/themes/strawberry.css
View File

File diff suppressed because it is too large Load Diff

1461
web/public/themes/strawberry_milkshake.css
View File

File diff suppressed because it is too large Load Diff

71
web/src/assets/tailwind.css
View File

@ -1,5 +1,5 @@
/* Soft Bluish Theme */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@ -36,10 +36,71 @@ h4 { @apply text-xl font-medium text-blue-500 dark:text-blue-400 mb-2; }
h1, h2 { @apply border-b border-blue-300 dark:border-blue-600 pb-2; }
p { @apply text-base text-blue-600 dark:text-blue-300 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
p {
@apply
text-base
dark:text-blue-300
break-words
font-sans
antialiased
tracking-tight
leading-relaxed;
}
@screen md {
p {
@apply
text-lg
leading-loose;
}
}
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #4a90e2;

40
web/src/themes/amber.css
View File

@ -62,18 +62,52 @@ p {
@apply text-base text-gray-600 dark:text-gray-400 break-words;
}
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply list-disc ml-0;
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply list-disc ml-5;
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply list-decimal ml-5;
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #d97706;
--color-primary-light: #fbbf24;

48
web/src/themes/borg.css
View File

@ -46,9 +46,51 @@ h4 { @apply text-xl font-medium text-green-400 font-['Orbitron'] mb-2; }
h1, h2 { @apply border-b border-green-600 pb-2; }
p { @apply text-base text-gray-300 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #00ff00;

71
web/src/themes/default.css
View File

@ -1,5 +1,5 @@
/* Soft Bluish Theme */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@ -44,10 +44,71 @@ h4 { @apply text-xl font-medium text-blue-500 dark:text-blue-400 mb-2; }
h1, h2 { @apply border-b border-blue-300 dark:border-blue-600 pb-2; }
p { @apply text-base text-blue-600 dark:text-blue-300 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
p {
@apply
text-base
dark:text-blue-300
break-words
font-sans
antialiased
tracking-tight
leading-relaxed;
}
@screen md {
p {
@apply
text-lg
leading-loose;
}
}
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #4a90e2;

40
web/src/themes/lollms_blue.css
View File

@ -64,18 +64,52 @@ p {
@apply text-base text-gray-600 dark:text-gray-300 break-words;
}
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply list-disc ml-0;
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply list-disc ml-5;
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply list-decimal ml-5;
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #0e8ef0;
--color-primary-light: #3dabff;

48
web/src/themes/matrix_reborn.css
View File

@ -44,9 +44,51 @@ h4 { @apply text-xl font-medium text-green-600 dark:text-green-600 mb-2; }
h1, h2 { @apply border-b border-green-400 dark:border-green-500 pb-2; }
p { @apply text-base text-green-300 dark:text-green-200 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #00ff00;

48
web/src/themes/red_dragon.css
View File

@ -44,9 +44,51 @@ h4 { @apply text-xl font-medium text-red-500 dark:text-red-400 mb-2; }
h1, h2 { @apply border-b border-red-300 dark:border-red-600 pb-2; }
p { @apply text-base text-red-600 dark:text-red-300 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #e24a4a;

48
web/src/themes/sober_gray.css
View File

@ -45,9 +45,51 @@ h4 { @apply text-xl font-medium text-gray-500 dark:text-gray-400 mb-2; }
h1, h2 { @apply border-b border-gray-300 dark:border-gray-600 pb-2; }
p { @apply text-base text-gray-600 dark:text-gray-300 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #4a4a4a;

39
web/src/themes/strawberry.css
View File

@ -63,19 +63,52 @@ h1, h2{
p {
@apply text-base text-gray-600 dark:text-gray-300 break-words;
}
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply list-disc ml-0;
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply list-disc ml-5;
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply list-decimal ml-5;
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #0e8ef0;
--color-primary-light: #3dabff;

48
web/src/themes/strawberry_milkshake.css
View File

@ -44,9 +44,51 @@ h4 { @apply text-xl font-medium text-pink-500 dark:text-pink-400 mb-2; }
h1, h2 { @apply border-b border-pink-300 dark:border-pink-600 pb-2; }
p { @apply text-base text-pink-600 dark:text-pink-300 break-words; }
ul { @apply list-disc ml-0; }
li { @apply list-disc ml-5; }
ol { @apply list-decimal ml-5; }
/* Base list styling */
ul, ol {
@apply
my-4 /* Margin top and bottom */
px-4 /* Horizontal padding */
leading-7 /* Line height */
text-base; /* Text size */
}
/* Unordered lists */
ul {
@apply
list-disc /* Disc style bullets */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* List items */
li {
@apply
pl-2 /* Padding left */
relative; /* Positioning */
}
/* Ordered lists */
ol {
@apply
list-decimal /* Numbered style */
ml-2 /* Left margin */
space-y-2; /* Vertical spacing */
}
/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
@apply
mt-2 /* Top margin */
mb-0 /* Bottom margin */
ml-6; /* Indentation */
}
/* For custom properties that aren't available in Tailwind, use regular CSS */
li::marker {
color: #4B5563; /* gray-600 equivalent */
}
:root {
--color-primary: #ff4d8c;

27
web/tailwind.config.js
View File

@ -31,8 +31,31 @@ module.exports = {
'bg-dark-discussion-odd': 'var(--color-bg-dark-discussion-odd)'
},
fontFamily: {
sans: ['PTSans', 'Roboto', 'sans-serif']
},
sans: [
'Inter', // Modern, professional font with excellent readability
'Outfit', // Clean and contemporary
'PTSans', // Keeping your existing font
'Roboto', // Keeping your existing font
'ui-sans-serif', // System UI font
'system-ui', // System default
'-apple-system', // Apple systems
'BlinkMacSystemFont', // Chrome on macOS
'Segoe UI', // Windows
'Arial', // Universal fallback
'sans-serif' // Final fallback
],
// You might also want to add specific font configurations for different purposes
heading: [
'Montserrat', // Professional heading font
'Inter',
'sans-serif'
],
mono: [
'JetBrains Mono', // High-quality monospace font
'Consolas',
'monospace'
]
},
container: {
padding: '2rem',
center: true