Merge branch 'dev' of https://github.com/OpenMobileAlliance/oma-knowl…

…edge-base

app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="computedHeightClass" class="w-fit sm:w-full bg-golden/[0.2] dark:bg-[#19191a]"
+  <div :class="computedHeightClass" class="w-fit sm:w-screen bg-golden/[0.2] dark:bg-[#19191a]"
     :style="{ fontFamily: main.font.type }">
     <ShAnnouncement :class="['z-50', route.path !== '/' ? '' : 'sticky w-full top-0']" />
     <AppHeader v-if="route.path !== '/'" class="flex py-4" title="OMA">

components/app/footer.vue

@@ -3,11 +3,11 @@
     <UContainer :class="ui.container">
       <div class="flex justify-between sm:items-center sm:justify-around">
         <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400 flex items-center">
-          Copyright &copy; 2024. All Rights Reserved.
+          Copyright &copy; &nbsp; <div>{{ year }}</div>.
         </span>
         <ClientOnly>
           <UButton :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'" color="gray"
-            variant="ghost" aria-label="Theme" @click="isDark = !isDark" class="sm:mr-36" />
+            variant="ghost" aria-label="Theme" @click="isDark = !isDark" class="" />
           <template #fallback>
             <div class="w-8 h-8" />
           </template>
@@ -21,6 +21,9 @@
 <script setup lang="ts">
 const colorMode = useColorMode()
 
+const date = new Date();
+const year = date.getFullYear();
+
 const config = {
   wrapper:
     "py-1 sm:py-2 bottom-0 z-50 w-full bg-background/75 backdrop-blur border-t border-primary/[0.4] dark:border-primary/[0.4]", // removed fixed class

components/content/sh-dynamic-table.vue

@@ -31,7 +31,7 @@
             <div :class="getQuickFilterClass()">
               <template v-for="column in sortedFilters">
                 <div class="rounded-lg border" v-if="column.filter">
-                  <UDivider :label="column.title" class="py-4" />
+                  <UDivider :label="column.title" class="py-4 overflow-x-auto" />
                   <ul class="max-h-36 overflow-auto">
                     <li v-for="label in Object.keys(stats[column.name]).sort()" :data-filter-key="column.name"
                       :data-filter-value="label" @click="onFilterChange"