fixed some aesthetic things that bothered me

acdh-oeaw · Apr 23, 2024 · 49aa27a · 49aa27a
1 parent aa648fd
commit 49aa27a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/pages/browse.vue b/pages/browse.vue
@@ -36,9 +36,9 @@ const links = {
 				class="mx-auto grid max-w-7xl grid-cols-3 items-center gap-x-8 gap-y-2 px-8 pt-4 text-sm font-medium md:grid-cols-5"
 				role="list"
 			>
-				<li v-for="(link, key) of links" :key="key">
+				<li v-for="(link, key) of links" class="h-full flex items-center lg:items-end" :key="key">
 					<NuxtLink
-						class="flex justify-center rounded-t p-2 text-center transition hover:bg-neutral-100 aria-[current]:bg-neutral-200"
+						class="w-full flex justify-center md:rounded-b-none rounded p-2 text-center transition hover:bg-neutral-100 aria-[current]:bg-neutral-200"
 						:href="{ path: link.path }"
 					>
 						{{ link.label }}

diff --git a/pages/case-studies/[id].vue b/pages/case-studies/[id].vue
@@ -68,9 +68,9 @@ watch(caseStudyQuery.data, (caseStudy) => {
 				:class="hasStory ? 'lg:grid-cols-6' : 'lg:grid-cols-5'"
 				role="list"
 			>
-				<li v-for="(link, key) of links" :key="key">
+				<li v-for="(link, key) of links" class="h-full flex items-center lg:items-end" :key="key">
 					<NuxtLink
-						class="flex justify-center rounded lg:rounded-b-0 p-2 text-center transition hover:bg-neutral-100 aria-[current]:bg-neutral-200"
+						class="flex w-full justify-center rounded lg:rounded-b-none p-2 text-center transition hover:bg-neutral-100 aria-[current]:bg-neutral-200"
 						:href="{ path: link.path, query }"
 					>
 						{{ link.label }}

diff --git a/pages/explore.vue b/pages/explore.vue
@@ -43,9 +43,9 @@ const links = {
 				class="mx-auto grid max-w-7xl grid-cols-2 items-center gap-x-8 gap-y-2 px-8 pt-4 text-sm font-medium md:grid-cols-4"
 				role="list"
 			>
-				<li v-for="(link, key) of links" :key="key">
+				<li v-for="(link, key) of links" class="h-full flex items-center lg:items-end" :key="key">
 					<NuxtLink
-						class="flex justify-center rounded-t p-2 text-center transition hover:bg-neutral-100 aria-[current]:bg-neutral-200"
+						class="flex justify-center rounded md:rounded-b-none w-full p-2 text-center transition hover:bg-neutral-100 aria-[current]:bg-neutral-200"
 						:href="{ path: link.path, query }"
 					>
 						{{ link.label }}