Fix close buttons

WordPress · Oct 17, 2024 · c2b30ed · c2b30ed
1 parent 53d22dd
commit c2b30ed
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/VButton.vue b/frontend/src/components/VButton.vue
@@ -297,10 +297,10 @@ a.button {
   @apply border-tx;
 }
 .transparent-gray {
-  @apply border-tx bg-tx text-default hover:bg-secondary disabled:text-disabled;
+  @apply border-tx bg-tx text-default hover:bg-transparent-hover disabled:text-disabled;
 }
 .transparent-dark {
-  @apply border-tx bg-tx text-default hover:bg-secondary-hover hover:text-over-dark;
+  @apply border-tx bg-tx text-default hover:bg-tertiary hover:text-over-dark;
 }
 .transparent-dark-pressed {
   @apply border-tx bg-tertiary text-over-dark hover:border-hover;

diff --git a/frontend/src/components/VHeader/VHeaderInternal.vue b/frontend/src/components/VHeader/VHeaderInternal.vue
@@ -139,7 +139,7 @@ watch(route, () => {
                 variant="transparent-tx"
                 size="large"
                 :icon-props="{ name: 'close' }"
-                class="text-white focus-slim-tx hover:bg-tertiary"
+                class="text-white focus-slim-tx hover:bg-tertiary hover:text-over-negative"
                 :label="$t('modal.closePagesMenu')"
                 @click="closePageMenu"
               />