More readable link styling in ErrorCards.

This commit is contained in:
baldo 2022-08-23 17:17:11 +02:00
parent 3a2f0799eb
commit 704620e2f7
3 changed files with 20 additions and 4 deletions
frontend/src/components

View file

@ -1,12 +1,12 @@
<script setup lang="ts">
import {onMounted, ref} from "vue";
import { onMounted, ref } from "vue";
const element = ref<HTMLElement>();
function scrollIntoView() {
element.value?.scrollIntoView({
behavior: "smooth",
block: "nearest"
block: "nearest",
});
}
@ -33,5 +33,17 @@ onMounted(scrollIntoView);
background-color: $error-card-background-color;
color: $error-card-color;
a {
color: $error-card-link-color;
&:hover {
color: $error-card-link-hover-color;
}
&:focus {
outline: $error-card-link-focus-outline;
}
}
}
</style>