hat

frontend/app/pages/art/[slug].vue

@@ -1,6 +1,5 @@
 <script setup>
-import MinimalHeader from '~/components/parts/MinimalHeader.vue';
-import PageHeader from '~/components/parts/PageHeader.vue';
+import TableHeader from '~/components/parts/TableHeader.vue';
 
 const slug = useRoute().params.slug;
 const { locale } = useI18n();
@@ -12,7 +11,9 @@ const { data: post } = await useAsyncData(`art-${slug}`, () =>
 
 <template>
   <!-- Render the blog post as Prose & Vue components -->
-  <MinimalHeader></MinimalHeader>
+  <div class="no-sprite">
+      <TableHeader></TableHeader>
+    </div>
   <div class="extended-container">
     <ContentRenderer v-if="post" :value="post" class="art" />
   </div>
@@ -39,4 +40,10 @@ const { data: post } = await useAsyncData(`art-${slug}`, () =>
         max-width: 100%;
     }
 }
+</style>
+
+<style lang="scss">
+.no-sprite .undertable-wrapper {
+  display: none;
+}
 </style>

frontend/app/pages/art/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import FixedLayout from '~/components/layouts/FixedLayout.vue';
-import MinimalHeader from '~/components/parts/MinimalHeader.vue';
+import TableHeader from '~/components/parts/TableHeader.vue';
 
 const { locale, t } = useI18n();
 const localePath = useLocalePath();
@@ -53,7 +53,9 @@ const displayedArt = computed(() => {
 </script>
 
 <template>
-    <MinimalHeader></MinimalHeader>
+    <div class="no-sprite">
+      <TableHeader></TableHeader>
+    </div>
     <FixedLayout>
         <Container>
             <h2 class="section-title">ART GALLERY</h2>
@@ -235,3 +237,9 @@ const displayedArt = computed(() => {
   }
 }
 </style>
+
+<style lang="scss">
+.no-sprite .undertable-wrapper {
+  display: none;
+}
+</style>