Chat font adjustment (#56)

TilmanGriesel · Jan 9, 2025 · 320ab52 · 320ab52
1 parent 28b8d0e
commit 320ab52
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/services/web/src/static/dist/index.css b/services/web/src/static/dist/index.css
@@ -941,8 +941,8 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.opacity-70 {
-  opacity: 0.7;
+.opacity-90 {
+  opacity: 0.9;
 }
 
 .ring-1 {
@@ -977,6 +977,7 @@ video {
 
 body {
   line-height: 26px;
+  text-rendering: optimizeLegibility;
 }
 
 /* Typography Styles */
@@ -1084,7 +1085,8 @@ a.chipper-font:hover {
 
 .assistant-message {
   font-family: "PTSerif", serif !important;
-  font-size: 16.5px;
+  font-size: 16px;
+  text-rendering: optimizeLegibility;
 }
 
 @keyframes es-fadeIn {

diff --git a/services/web/src/static/main.css b/services/web/src/static/main.css
@@ -25,6 +25,7 @@ body {
 
 body {
   line-height: 26px;
+  text-rendering: optimizeLegibility;
 }
 
 /* Typography Styles */
@@ -104,7 +105,8 @@ a.chipper-font:hover {
 
 .assistant-message {
   font-family: "PTSerif", serif !important;
-  font-size: 16.5px;
+  font-size: 16px;
+  text-rendering: optimizeLegibility;
 }
 
 @keyframes es-fadeIn {

diff --git a/services/web/src/templates/index.html b/services/web/src/templates/index.html
@@ -58,10 +58,10 @@
                 <div class="off absolute -inset-1 rounded-3xl blur-xl" id="busy-indicator">
                 </div>
                 <!-- welcome message -->
-                <div class="absolute inset-0 flex items-center justify-center flex-col p-6 pointer-events-none z-10"
+                <div class="absolute inset-0 flex items-center justify-center flex-col p-6 pointer-events-none z-10 opacity-90"
                     id="welcome-message">
                     <h2 id="welcome-text"
-                        class="empty-state-fade-in hand-font opacity-70 text-center flex items-center text-xl font-normal text-brand-a-700 dark:text-brand-b-200">
+                        class="empty-state-fade-in hand-font text-center flex items-center text-xl font-normal text-brand-a-700 dark:text-brand-b-200">
                     </h2>
                 </div>
                 <div