Make btn-send css class so we can standardize primary buttons

KarmaKamikaze · Nov 9, 2023 · 54c0e58 · 54c0e58
1 parent ecb804a
commit 54c0e58
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/ChatRPG/Pages/Campaign.razor b/ChatRPG/Pages/Campaign.razor
@@ -29,7 +29,7 @@
         <input type="text" style="resize:vertical;" class="form-control user-prompt custom-text-field"
                @bind="_userInput" placeholder="What do you do?" @onkeyup="@EnterKeyHandler"/>
         <div class="input-group-append">
-            <button class="btn btn-primary ml-2" type="button" @onclick="SendPrompt">
+            <button class="btn btn-send ml-2" type="button" @onclick="SendPrompt">
                 Send
             </button>
         </div>

diff --git a/ChatRPG/wwwroot/css/site.css b/ChatRPG/wwwroot/css/site.css
@@ -71,6 +71,12 @@ a, .btn-link {
     background-color: rgb(80, 80, 80);
 }
 
+.btn-send {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+}
+
 .user-message-container {
     background-color: rgb(222, 222, 222);
     border-radius: 10px; /* Adds rounded corners to the container */