diff --git a/app/src/components/v-card/v-card-title.vue b/app/src/components/v-card/v-card-title.vue index 204d3b3e87..bb40bf359e 100644 --- a/app/src/components/v-card/v-card-title.vue +++ b/app/src/components/v-card/v-card-title.vue @@ -8,7 +8,7 @@ flex-wrap: wrap; align-items: center; padding: var(--v-card-padding); - margin-top: 12px; + margin-top: 4px; font-weight: 600; line-height: 1.6em; } diff --git a/app/src/components/v-menu/v-menu.vue b/app/src/components/v-menu/v-menu.vue index 853cd63447..623fc64864 100644 --- a/app/src/components/v-menu/v-menu.vue +++ b/app/src/components/v-menu/v-menu.vue @@ -331,6 +331,7 @@ body { &::after { bottom: 2px; + box-shadow: 2.5px 2.5px 4px 0px rgba(var(--card-shadow-color),0.2); } } @@ -339,6 +340,7 @@ body { &::after { top: 2px; + box-shadow: -2.5px -2.5px 4px 0px rgba(var(--card-shadow-color),0.2); } } @@ -347,6 +349,7 @@ body { &::after { left: 2px; + box-shadow: -2.5px 2.5px 4px 0px rgba(var(--card-shadow-color),0.2); } } @@ -355,6 +358,7 @@ body { &::after { right: 2px; + box-shadow: 2.5px -2.5px 4px 0px rgba(var(--card-shadow-color),0.2); } } diff --git a/app/src/components/v-pagination/v-pagination.vue b/app/src/components/v-pagination/v-pagination.vue index 6d2e2360fd..200e86fcdc 100644 --- a/app/src/components/v-pagination/v-pagination.vue +++ b/app/src/components/v-pagination/v-pagination.vue @@ -185,9 +185,9 @@ body { } &.active { - --v-button-background-color-hover: var(--foreground-normal); + --v-button-background-color-hover: var(--primary); --v-button-color-hover: var(--foreground-inverted); - --v-button-background-color: var(--foreground-normal); + --v-button-background-color: var(--primary); --v-button-color: var(--foreground-inverted); } }