Move styling to css file

SSWConsulting · Oct 24, 2023 · d37a252 · d37a252
1 parent a14e863
commit d37a252
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 15 deletions.
diff --git a/src/TimesheetGPT.WebUI/Pages/GraphChat.razor b/src/TimesheetGPT.WebUI/Pages/GraphChat.razor
@@ -25,26 +25,12 @@
     </MudCard>
 </MudContainer>
 
-<style>
-    .chat-bubble {
-        padding: 10px;
-        margin: 5px;
-        background-color: #f1f1f1;
-        border-radius: 5px;
-    }
-    
-    .chat-bubble.user {
-        background-color: #ddd;
-        text-align: right;
-    }
-</style>
-
 @code {
 
     private class Message
     {
         public int MessageId { get; set; }
-        public string MessageText { get; set; }
+        public string? MessageText { get; set; }
         public Sender Sender { get; set; }
     }
 

diff --git a/src/TimesheetGPT.WebUI/Pages/GraphChat.razor.css b/src/TimesheetGPT.WebUI/Pages/GraphChat.razor.css
@@ -0,0 +1,11 @@
+.chat-bubble {
+    padding: 10px;
+    margin: 5px;
+    background-color: #f1f1f1;
+    border-radius: 5px;
+}
+
+.chat-bubble.user {
+    background-color: #ddd;
+    text-align: right;
+}