chore: make click area right

This commit is contained in:
Reto Aebersold 2023-12-14 17:02:54 +01:00
parent 2bf741ab67
commit 423234acce
1 changed files with 17 additions and 8 deletions

View File

@ -37,35 +37,44 @@ onMounted(async () => {
<nav class="border-b bg-white px-4 lg:px-8"> <nav class="border-b bg-white px-4 lg:px-8">
<ul class="flex flex-col lg:flex-row"> <ul class="flex flex-col lg:flex-row">
<li <li
class="inline-block border-t-2 border-t-transparent py-3" class="border-t-2 border-t-transparent"
:class="{ 'border-b-2 border-b-blue-900': routeInOverview() }" :class="{ 'border-b-2 border-b-blue-900': routeInOverview() }"
> >
<router-link :to="`/course/${courseSlug}/competence`"> <router-link :to="`/course/${courseSlug}/competence`" class="block py-3">
{{ $t("a.Übersicht") }} {{ $t("a.Übersicht") }}
</router-link> </router-link>
</li> </li>
<li <li
class="inline-block border-t-2 border-t-transparent py-3 lg:ml-12" class="border-t-2 border-t-transparent lg:ml-12"
:class="{ 'border-b-2 border-b-blue-900': routeInCompetenceCertificate() }" :class="{ 'border-b-2 border-b-blue-900': routeInCompetenceCertificate() }"
> >
<router-link :to="`/course/${courseSlug}/competence/certificates`"> <router-link
:to="`/course/${courseSlug}/competence/certificates`"
class="block py-3"
>
{{ $t("a.Kompetenznachweise") }} {{ $t("a.Kompetenznachweise") }}
</router-link> </router-link>
</li> </li>
<li <li
class="inline-block border-t-2 border-t-transparent py-3 lg:ml-12" class="border-t-2 border-t-transparent lg:ml-12"
:class="{ 'border-b-2 border-b-blue-900': routeInPerformanceCriteria() }" :class="{ 'border-b-2 border-b-blue-900': routeInPerformanceCriteria() }"
> >
<router-link :to="`/course/${courseSlug}/competence/criteria`"> <router-link
:to="`/course/${courseSlug}/competence/criteria`"
class="block py-3"
>
{{ $t("a.Selbsteinschätzungen") }} {{ $t("a.Selbsteinschätzungen") }}
</router-link> </router-link>
</li> </li>
<li <li
class="inline-block border-t-2 border-t-transparent py-3 lg:ml-12" class="border-t-2 border-t-transparent lg:ml-12"
:class="{ 'border-b-2 border-b-blue-900': routeInActionCompetences() }" :class="{ 'border-b-2 border-b-blue-900': routeInActionCompetences() }"
> >
<router-link :to="`/course/${courseSlug}/competence/competences`"> <router-link
:to="`/course/${courseSlug}/competence/competences`"
class="block py-3"
>
{{ $t("a.Handlungskompetenzen") }} {{ $t("a.Handlungskompetenzen") }}
</router-link> </router-link>
</li> </li>