refactor: fill handle size

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components/smartsheet/Grid.vue

@@ -911,12 +911,12 @@ const refreshFillHandle = () => {
     cellRect = useElementBounding(cellRef.el)
     if (!cellRect || !tableRect) return
     if (selectedRange.end.col === 0) {
-      fillHandleTop.value = cellRect.top.value - tableRect.top.value + cellRect.height.value - 4.5 + gridY.value
-      fillHandleLeft.value = cellRect.left.value - tableRect.left.value + cellRect.width.value - 4.5
+      fillHandleTop.value = cellRect.top.value - tableRect.top.value + cellRect.height.value + gridY.value
+      fillHandleLeft.value = cellRect.left.value - tableRect.left.value + cellRect.width.value
       return
     }
-    fillHandleTop.value = cellRect.top.value - tableRect.top.value + cellRect.height.value - 4.5 + gridY.value
-    fillHandleLeft.value = cellRect.left.value - tableRect.left.value + cellRect.width.value - 4.5 + gridX.value
+    fillHandleTop.value = cellRect.top.value - tableRect.top.value + cellRect.height.value + gridY.value
+    fillHandleLeft.value = cellRect.left.value - tableRect.left.value + cellRect.width.value + gridX.value
   }
 }
 
@@ -1256,7 +1256,7 @@ watch(
             (!selectedRange.isEmpty() || (activeCell.row !== null && activeCell.col !== null))
           "
           ref="fillHandle"
-          class="nc-fill-handle absolute w-[8px] h-[8px] rounded-full bg-red-500 !pointer-events-auto"
+          class="nc-fill-handle"
           :class="
             (!selectedRange.isEmpty() && selectedRange.end.col !== 0) || (selectedRange.isEmpty() && activeCell.col !== 0)
               ? 'z-3'
@@ -1489,4 +1489,14 @@ tbody tr:hover {
 .nc-required-cell {
   box-shadow: inset 0 0 2px #f00;
 }
+
+.nc-fill-handle {
+  @apply w-[6px] h-[6px] absolute rounded-full bg-red-500 !pointer-events-auto mt-[-4px] ml-[-4px];
+}
+
+.nc-fill-handle:hover,
+.nc-fill-handle:active,
+.nc-fill-handle:focus {
+  @apply w-[8px] h-[8px] mt-[-5px] ml-[-5px];
+}
 </style>