Fixed about view

Author: PrinsINT

client/src/components/GTabs.vue

@@ -27,7 +27,6 @@ export type Tab = {
     id: string
     title: string
     disabled?: boolean
-    stub?: boolean
 }
 
 const { basePath, tabs } = defineProps<{
@@ -52,7 +51,7 @@ const route = useRoute()
             line-height: 45px;
             background-color: var(--int-theme);
 
-            .nav-link {
+            :deep(.nav-link) {
                 font-style: normal;
                 text-align: center;
                 display: block;

client/src/router/index.ts

@@ -112,6 +112,7 @@ const routes = [
     {
         path: "/application",
         name: "Application",
+        redirect: "/application/about",
         component: ApplicationView,
         children: [
             {

client/src/views/application/ApplicationView.vue

@@ -1,22 +1,14 @@
 <template>
     <GTabs class="level-2" basePath="/application" :tabs="[
         { id: 'about', title: 'About' },
-        { id: 'api', title: 'API', stub: true },
+        { id: 'api', title: 'API' },
     ]">
         <template #api-title>
-            <ExternalLink class="blockLink" :href="apiUrl">API</ExternalLink>
+            <ExternalLink class="nav-link" :href="apiUrl">API</ExternalLink>
         </template>
     </GTabs>
 </template>
 
 <script setup lang="ts">
 const apiUrl = `${window.location.protocol}//${window.location.hostname}/galahad/api/swagger-ui/index.html`
 </script>
-
-<style scoped lang="scss">
-/* Makes block links full size in tab header */
-.blockLink {
-    display: block;
-    margin: 0 -20px;
-}
-</style>

client/src/views/application/subviews/AboutView.vue

@@ -1,8 +1,5 @@
 <template>
     <GCard article title="About">
-        <template #help>
-            Here you can find information about the application and the exact version you are currently running.
-        </template>
         <p>
             GaLAHaD is created by the
             <ExternalLink href="https://www.ivdnt.org">Dutch Language Institute</ExternalLink>. For this work,