css

LM-Kit · Jan 27, 2025 · 25b47f9 · 25b47f9
1 parent ad7c838
commit 25b47f9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 17 deletions.
diff --git a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor
@@ -91,33 +91,31 @@
                             <div id="empty-chat">
                         <MudStack Class="chat-element align-self-center flex-1" Spacing="8">
                             <MudStack Spacing="2">
-                                <div class="welcome-message">
-                                    <b>Maestro</b> at your service—let’s orchestrate something
-                                    amazing!
-                                </div>
-                                <div class="welcome-message">
+                                <MudText Align="Align.Center" Typo="Typo.body2">
+                                    <b>Maestro</b> at your service—let’s orchestrate something amazing!
+                                </MudText>
+
+                                                <MudText Align="Align.Center" Typo="Typo.body2">
                                     Feel free to ask questions, explore ideas, or engage in meaningful conversations.
+                                    </MudText>
 
-                                </div>
-                                <div class="welcome-message">
-                                    Whether you need assistance, inspiration, or just some lighthearted chat, I'm here to
+                                                <MudText Align="Align.Center" Typo="Typo.body2">
+                                            Whether you need assistance, inspiration, or just some lighthearted chat, I'm here to
                                     help.
-
-                                </div>
-
+                                </MudText>
                             </MudStack>
 
                             <MudStack Spacing="4">
                                 <div class="shortcut-instruction">
-                                    <MudText Typo="Typo.overline">
+                                            <MudText Typo="Typo.caption">
                                         Press Enter to send a new message
 
                                     </MudText>
 
                                 </div>
 
                                 <div class="shortcut-instruction">
-                                    <MudText Typo="Typo.overline">
+                                    <MudText Typo="Typo.caption">
                                         Hold Shift + Enter to insert a new line
 
                                     </MudText>

diff --git a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css
@@ -109,14 +109,15 @@ body.mac .chat-element {
 }
 
 .shortcut-instruction {
-    margin-inline: 20%;
+    margin-inline: 20px;
     border: 1px solid;
     display: flex;
     flex-direction: row;
     border-radius: 0;
-    border-color: var(--Surface4);
+    border-color: var(--OutlineVariant);
     color: var(--Outline);
-    padding: 12px;
+    padding-inline: 12px;
+    padding-block: 6px;
 }
 
 body.windows .chat-element {
@@ -129,10 +130,10 @@ body.mac .chat-element {
 
 
 #empty-chat{
-    background-color: yellow !important;
     align-self: center;
     display: flex;
     flex-grow: 1;
+    overflow: hidden;
 }
 
 #top-bar-center {