style

Author: MrWangJustToDo

packages/react/src/components/DiffAddWidget.tsx

@@ -28,6 +28,7 @@ export const DiffSplitAddWidget = ({
       style={{
         width: `calc(var(${diffFontSizeName}) * 1.4)`,
         height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        top: `calc(var(${diffFontSizeName}) * 0.1)`
       }}
     >
       <button
@@ -62,10 +63,11 @@ export const DiffUnifiedAddWidget = ({
 }) => {
   return (
     <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"
+      className="diff-add-widget-wrapper invisible absolute left-[100%] 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)`,
+        top: `calc(var(${diffFontSizeName}) * 0.1)`
       }}
     >
       <button

packages/solid/src/components/DiffAddWidget.tsx

@@ -21,6 +21,7 @@ export const DiffSplitAddWidget = (props: {
       style={{
         width: `calc(var(${diffFontSizeName}) * 1.4)`,
         height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        top: `calc(var(${diffFontSizeName}) * 0.1)`
       }}
     >
       <button
@@ -50,10 +51,11 @@ export const DiffUnifiedAddWidget = (props: {
 }) => {
   return (
     <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"
+      class="diff-add-widget-wrapper invisible absolute left-[100%] 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)`,
+        top: `calc(var(${diffFontSizeName}) * 0.1)`
       }}
     >
       <button

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

@@ -22,6 +22,7 @@
 	style={`
 		width: calc(var(${diffFontSizeName}) * 1.4);
 		height: calc(var(${diffFontSizeName}) * 1.4);
+		top: calc(var(${diffFontSizeName}) * 0.1);
 	`}
 >
 	<button

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

@@ -17,10 +17,11 @@
 </script>
 
 <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"
+	class="diff-add-widget-wrapper invisible absolute left-[100%] 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);
+		top: calc(var(${diffFontSizeName}) * 0.1);
 	`}
 >
 	<button

packages/vue/src/components/DiffAddWidget.tsx

@@ -28,6 +28,7 @@ export const DiffSplitAddWidget = ({
       style={{
         width: `calc(var(${diffFontSizeName}) * 1.4)`,
         height: `calc(var(${diffFontSizeName}) * 1.4)`,
+        top: `calc(var(${diffFontSizeName}) * 0.1)`
       }}
     >
       <button
@@ -62,10 +63,11 @@ export const DiffUnifiedAddWidget = ({
 }) => {
   return (
     <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"
+      class="diff-add-widget-wrapper invisible absolute left-[100%] 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)`,
+        top: `calc(var(${diffFontSizeName}) * 0.1)`
       }}
     >
       <button