css

LM-Kit · Jan 27, 2025 · 0434f8b · 0434f8b
1 parent b1e5350
commit 0434f8b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 31 deletions.
diff --git a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css
@@ -37,7 +37,7 @@
 }
 
 #conversation-list {
-    padding-inline: 12px;
+    margin: 8px;
 }
 
 .sidebar-container {

diff --git a/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor b/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor
@@ -5,9 +5,10 @@
     <MudTextField Underline=false 
         @ref="ItemTitleRef" 
         @bind-Value="Title" 
+        @onfocusout="OnTitleFocusOut"
         OnKeyDown="OnKeyPressed"
+        Typo="Typo.body2"
         Immediate="true"
-        @onfocusout="OnTitleFocusOut"
         TextUpdateSuppression="false"
         ReadOnly="@(!ViewModel.IsRenaming)"/>
 

diff --git a/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor.css b/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor.css
@@ -1,13 +1,13 @@
 #item-container {
-    margin-block: 8px;
-    border-radius: 4px;
+    border-radius: 8px;
     border: 0 solid transparent;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    padding-block: 12px;
+    padding-block: 8px;
     padding-inline: 8px;
     cursor: pointer !important;
+    align-items: center;
 }
 
     #item-container:hover {
@@ -31,39 +31,20 @@
 }
 
 ::deep .mud-input {
+    color: var(--OnSurface) !important;
     cursor: pointer !important;
+    pointer-events: none !important;
 }
 
 ::deep .mud-input-slot {
     cursor: pointer !important;
 }
 
-::deep .mud-icon-button:hover {
-    color: var(--OnSurface) !important;
-    background-color: transparent !important;
-}
-
-/*::deep.item-actions{
-    background-color: var(--Primary);
-    text-transform: initial !important;
-    color: red !important;
-}*/
-
-/* Unable to override mud css. todo: find a way to do so. */
-/*#show-more-button .mud-icon-button {
-    margin-left: 12px;
-    color: var(--Outline) !important;
-}
-
-#show-more-button{
-    background-color: pink !important;
+::deep .mud-icon-button{
+    color: var(--Outline);
 }
 
-#show-more-button:hover .mud-icon-button {
+::deep .mud-icon-button:hover {
     color: var(--OnSurface) !important;
-}
-
-*/
-/*.mud-icon-button-label {
-    color: red !important;
-}*/
+    background-color: transparent !important;
+}