Fix alignment in login-view

2025-02-17 12:37:16 -05:00
parent 1e3ce88194
commit 98a1e3126b
3 changed files with 13 additions and 17 deletions
--- a/frontend/src/views/creators/DonationButtonBanner.vue
+++ b/frontend/src/views/creators/DonationButtonBanner.vue
@@ -1,6 +1,6 @@
 <template>
  <button
-      class="secondary text-white donation-action"
+      class="secondary donation-action"
      @click="openDonationDialog()"
  >
    {{ $t('isupportbtn.isupport') }}
@@ -169,14 +169,11 @@ function preventNonNumeric(event) {
 <style scoped>

 .donation-action {
-  @apply bg-hutopyPrimary;
+  @apply bg-hutopyPrimary text-hOnPrimary;
+  @apply hover:bg-hutopySecondary;
+  @apply w-fit;
 }

-.donation-action:hover {
-  @apply bg-hutopySecondary;
-}
-
-
 .error-message {
  color: white;
  background-color: red;