style

Author: MrWangJustToDo

packages/react/src/components/DiffAddWidget.tsx

@@ -26,8 +26,8 @@ export const DiffSplitAddWidget = ({
         (className ? " " + className : "")
       }
       style={{
-        width: `calc(var(${diffFontSizeName}) * 1.4)`,
-        height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        width: `calc(var(${diffFontSizeName}) * 1.6)`,
+        height: `calc(var(${diffFontSizeName}) * 1.6)`,
       }}
     >
       <button
@@ -64,8 +64,8 @@ export const DiffUnifiedAddWidget = ({
     <div
       className="diff-add-widget-wrapper invisible absolute left-[100%] top-[1px] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
       style={{
-        width: `calc(var(${diffFontSizeName}) * 1.4)`,
-        height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        width: `calc(var(${diffFontSizeName}) * 1.6)`,
+        height: `calc(var(${diffFontSizeName}) * 1.6)`,
       }}
     >
       <button

packages/solid/src/components/DiffAddWidget.tsx

@@ -19,8 +19,8 @@ export const DiffSplitAddWidget = (props: {
         (props.class ? " " + props.class : "")
       }
       style={{
-        width: `calc(var(${diffFontSizeName}) * 1.4)`,
-        height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        width: `calc(var(${diffFontSizeName}) * 1.6)`,
+        height: `calc(var(${diffFontSizeName}) * 1.6)`,
       }}
     >
       <button
@@ -52,8 +52,8 @@ export const DiffUnifiedAddWidget = (props: {
     <div
       class="diff-add-widget-wrapper invisible absolute left-[100%] top-[1px] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
       style={{
-        width: `calc(var(${diffFontSizeName}) * 1.4)`,
-        height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        width: `calc(var(${diffFontSizeName}) * 1.6)`,
+        height: `calc(var(${diffFontSizeName}) * 1.6)`,
       }}
     >
       <button

packages/svelte/src/lib/components/DiffSplitAddWidget.svelte

@@ -20,8 +20,8 @@
 	class={'diff-add-widget-wrapper invisible select-none transition-transform hover:scale-110 group-hover:visible' +
 		(props.className ? ' ' + props.className : '')}
 	style={`
-		width: calc(var(${diffFontSizeName}) * 1.4);
-		height: calc(var(${diffFontSizeName}) * 1.4);
+		width: calc(var(${diffFontSizeName}) * 1.6);
+		height: calc(var(${diffFontSizeName}) * 1.6);
 	`}
 >
 	<button

packages/svelte/src/lib/components/DiffUnifiedAddWidget.svelte

@@ -19,8 +19,8 @@
 <div
 	class="diff-add-widget-wrapper invisible absolute left-[100%] top-[1px] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
 	style={`
-		width: calc(var(${diffFontSizeName}) * 1.4);
-		height: calc(var(${diffFontSizeName}) * 1.4);
+		width: calc(var(${diffFontSizeName}) * 1.6);
+		height: calc(var(${diffFontSizeName}) * 1.6);
 	`}
 >
 	<button

packages/vue/src/components/DiffAddWidget.tsx

@@ -26,8 +26,8 @@ export const DiffSplitAddWidget = ({
         (className ? " " + className : "")
       }
       style={{
-        width: `calc(var(${diffFontSizeName}) * 1.4)`,
-        height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        width: `calc(var(${diffFontSizeName}) * 1.6)`,
+        height: `calc(var(${diffFontSizeName}) * 1.6)`,
       }}
     >
       <button
@@ -64,8 +64,8 @@ export const DiffUnifiedAddWidget = ({
     <div
       class="diff-add-widget-wrapper invisible absolute left-[100%] top-[1px] translate-x-[-50%] select-none transition-transform hover:scale-110 group-hover:visible"
       style={{
-        width: `calc(var(${diffFontSizeName}) * 1.4)`,
-        height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        width: `calc(var(${diffFontSizeName}) * 1.6)`,
+        height: `calc(var(${diffFontSizeName}) * 1.6)`,
       }}
     >
       <button