@finema/finework-layer 2.0.64 → 2.0.66

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [2.0.66](https://gitlab.finema.co/finema/internal/finework/compare/2.0.65...2.0.66) (2026-09-15)
+
+### Bug Fixes
+
+* add padding to table header and data cells ([d452b47](https://gitlab.finema.co/finema/internal/finework/commit/d452b4750b49e637f1532fb724a5895de9b6c8dc))
+
+## [2.0.65](https://gitlab.finema.co/finema/internal/finework/compare/2.0.64...2.0.65) (2026-09-15)
+
+### Features
+
+* add resizable panel to manual viewer with improved PDF navigation ([dc37e28](https://gitlab.finema.co/finema/internal/finework/commit/dc37e28790a2e16168ed1e1264d621efb17cfe56))
+
 ## [2.0.64](https://gitlab.finema.co/finema/internal/finework/compare/2.0.63...2.0.64) (2026-09-15)
 
 ### Bug Fixes

package/app/app.config.ts

@@ -129,8 +129,8 @@ export default defineAppConfig({
     },
     table: {
       slots: {
-        th: 'text-[#222222] whitespace-nowrap border-r border-[#EAECF0] last:border-0 bg-[#F9FAFB]',
-        td: 'text-[#222222] border-r border-[#EAECF0] last:border-0',
+        th: 'px-2.5 py-2 text-[#222222] whitespace-nowrap border-r border-[#EAECF0] last:border-0 bg-[#F9FAFB]',
+        td: 'px-2.5 py-2 text-[#222222] border-r border-[#EAECF0] last:border-0',
       },
       variants: {
         pinned: {

package/app/components/HelpHub/ManualViewer.vue

@@ -4,12 +4,22 @@
     :portal="true"
     :modal="false"
     :dismissible="false"
-    :ui="{ content: 'w-full max-w-[560px]' }"
+    :ui="{ content: 'w-full' }"
+    :content="{
+      style: {
+        width: `${panelWidth}px`,
+        maxWidth: '100vw',
+      },
+    }"
     side="right"
     @update:open="(val) => emit('update', val)"
   >
     <template #content>
-      <div class="flex h-full flex-col">
+      <div class="relative flex h-full flex-col">
+        <div
+          class="hover:bg-primary-300/60 active:bg-primary-400/70 absolute inset-y-0 left-0 z-10 w-1.5 -translate-x-1/2 cursor-col-resize touch-none"
+          @mousedown="startResize"
+        />
         <!-- Header -->
         <div class="flex items-center justify-between border-b border-gray-200 px-5 py-4">
           <div class="flex min-w-0 items-center gap-3">
@@ -248,7 +258,7 @@
           <iframe
             v-if="viewerBlobUrl"
             :key="viewerBlobUrl"
-            :src="`${viewerBlobUrl}#view=FitH`"
+            :src="`${viewerBlobUrl}#view=FitH&navpanes=0`"
             title="User manual"
             class="size-full border-0"
           />
@@ -368,6 +378,41 @@ watch(() => current.value?.file?.url, async (url) => {
 
 onBeforeUnmount(revokeViewerBlobUrl)
 
+const DEFAULT_WIDTH = 560
+const MIN_WIDTH = 400
+const MAX_WIDTH = 1100
+
+const panelWidth = ref(DEFAULT_WIDTH)
+
+const startResize = (e: MouseEvent) => {
+  e.preventDefault()
+
+  const startX = e.clientX
+  const startWidth = panelWidth.value
+  const prevCursor = document.body.style.cursor
+  const prevUserSelect = document.body.style.userSelect
+
+  document.body.style.cursor = 'col-resize'
+  document.body.style.userSelect = 'none'
+
+  const onMove = (moveEvent: MouseEvent) => {
+    const delta = startX - moveEvent.clientX
+    const maxWidth = Math.min(MAX_WIDTH, window.innerWidth)
+
+    panelWidth.value = Math.min(Math.max(startWidth + delta, MIN_WIDTH), maxWidth)
+  }
+
+  const onUp = () => {
+    document.body.style.cursor = prevCursor
+    document.body.style.userSelect = prevUserSelect
+    window.removeEventListener('mousemove', onMove)
+    window.removeEventListener('mouseup', onUp)
+  }
+
+  window.addEventListener('mousemove', onMove)
+  window.addEventListener('mouseup', onUp)
+}
+
 const canManage = (app: string) =>
   auth.isSuperAdmin.value || auth.hasPermission(app as UserModule, Permission.SUPER)
 

package/app/components/HelpHub/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed right-7 bottom-7 z-40 md:bottom-8.5 print:hidden">
+  <div class="fixed right-6 bottom-5.5 z-40 md:bottom-7 print:hidden">
     <!-- click-away scrim -->
     <div
       v-if="isDialOpen"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "2.0.64",
+  "version": "2.0.66",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",