fe-prescription-56: wip

app/components/pub/my-ui/data-table/data-table.vue

@@ -15,6 +15,7 @@ const props = defineProps<{
   funcComponent?: RecStrFuncComponent
   selectMode?: 'single' | 'multiple'
   modelValue?: any[] | any
+  class?: string
 }>()
 
 const emit = defineEmits<{
@@ -61,7 +62,7 @@ function handleActionCellClick(event: Event, _cellRef: string) {
 </script>
 
 <template>
-  <Table>
+  <Table :class="class">
     <TableHeader class="bg-gray-50 dark:bg-gray-800">
       <TableRow>
         <TableHead

app/components/pub/my-ui/nav-header/prep.vue

@@ -40,7 +40,7 @@ function btnClick() {
         </div>
         <div v-if="prep.addNav" class="flex items-center ms-2">
           <Button class="rounded-md border border-gray-300 text-white" @click="btnClick">
-            <Icon name="i-lucide-plus" class="mr-2 h-4 w-4 align-middle" />
+            <Icon name="i-lucide-plus" class="align-middle" />
             {{ prep.addNav.label }}
           </Button>
         </div>