Adjust handle graphics.

Author: artnim

Radzen.Blazor/themes/components/blazor/_dialog.scss

@@ -98,14 +98,15 @@ $dialog-transition: .1s ease-in-out !default;
 .rz-dialog-side-resize-handle-right::before {
   content: "";
   position: absolute;
-  top: 40%;
-  Height: 20%;
+  top: 45%;
+  Height: 10%;
   width: 6px;
   background-image:
-    radial-gradient(currentColor 1px, transparent 1px),
-    radial-gradient(currentColor 1px, transparent 1px);
-  background-size: 6px 6px, 6px 6px;
-  background-position: 0 0, 3px 3px;
+    linear-gradient(to right, currentColor 1px, transparent 1px),
+    linear-gradient(to right, currentColor 1px, transparent 1px);
+  background-size: 3px 100%, 3px 100%;
+  background-position: 0 0, 3px 0;
+  background-repeat: no-repeat;
   color: color-mix(in oklab, var(--rz-secondary) 45%, var(--rz-text-color));
   opacity: 0.6;
 }
@@ -114,14 +115,15 @@ $dialog-transition: .1s ease-in-out !default;
 .rz-dialog-side-resize-handle-bottom::before {
   content: "";
   position: absolute;
-  left: 40%;
-  width: 20%;
+  left: 45%;
+  width: 10%;
   height: 6px;
   background-image:
-    radial-gradient(currentColor 1px, transparent 1px),
-    radial-gradient(currentColor 1px, transparent 1px);
-  background-size: 6px 6px, 6px 6px;
-  background-position: 0 0, 3px 3px;
+    linear-gradient(to bottom, currentColor 1px, transparent 1px),
+    linear-gradient(to bottom, currentColor 1px, transparent 1px);
+  background-size: 100% 3px, 100% 3px;
+  background-position: 0 0, 0 3px;
+  background-repeat: no-repeat;
   color: color-mix(in oklab, var(--rz-secondary) 45%, var(--rz-text-color));
   opacity: 0.6;
 }