From 6e7e29d7a6fd0bceaa770c700d58073fd1db5e12 Mon Sep 17 00:00:00 2001
From: Utkarsh-Singhal-26 <singhalutkarsh26@gmail.com>
Date: Sat, 23 Aug 2025 09:44:03 +0530
Subject: [PATCH] Fix border radius issue in ElectricBorder

---
 .../Animations/ElectricBorder/ElectricBorder.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/content/Animations/ElectricBorder/ElectricBorder.vue b/src/content/Animations/ElectricBorder/ElectricBorder.vue
index ff93285..792bd05 100644
--- a/src/content/Animations/ElectricBorder/ElectricBorder.vue
+++ b/src/content/Animations/ElectricBorder/ElectricBorder.vue
@@ -111,9 +111,19 @@ onBeforeUnmount(() => {
   if (ro) ro.disconnect();
 });
 
-const inheritRadius = computed<CSSProperties>(() => ({
-  borderRadius: props.style?.borderRadius ?? 'inherit'
-}));
+const inheritRadius = computed<CSSProperties>(() => {
+  const radius = props.style?.borderRadius;
+
+  if (radius === undefined) {
+    return { borderRadius: 'inherit' };
+  }
+
+  if (typeof radius === 'number') {
+    return { borderRadius: `${radius}px` };
+  }
+
+  return { borderRadius: radius };
+});
 
 const strokeStyle = computed<CSSProperties>(() => ({
   ...inheritRadius.value,