Fix button color in ReplyInput component and add

new text color class
rwecho · Jan 5, 2024 · 73ffde3 · 73ffde3
1 parent 0e8416d
commit 73ffde3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/V2ex.Blazor.Shared/Components/ReplyInput.razor b/src/V2ex.Blazor.Shared/Components/ReplyInput.razor
@@ -44,7 +44,7 @@
         </button>
 
         @{
-            var replyButtonClass = "px-4 py-2 ml-auto text-gray-200 bg-gray-400 rounded-lg flex flex-row space-x-2 items-center disabled:bg-gray-500/90" + (isUploading ?
+            var replyButtonClass = "px-4 py-2 ml-auto text-gray-50 bg-gray-400 rounded-lg flex flex-row space-x-2 items-center disabled:bg-gray-500/90" + (isUploading ?
             "disabled" : "");
         }
         <button class="@replyButtonClass" @onclick="ReplyAsync" disabled="@(isUploading||isReplying)">

diff --git a/src/V2ex.Blazor.Shared/wwwroot/css/app.css b/src/V2ex.Blazor.Shared/wwwroot/css/app.css
@@ -2312,6 +2312,11 @@ input:checked + .toggle-bg {
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
+.text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgb(253 242 242 / var(--tw-text-opacity));
+}
+
 .text-red-800 {
   --tw-text-opacity: 1;
   color: rgb(155 28 28 / var(--tw-text-opacity));