Refactor FrameButton component to update close button styling and adj…

…ust button dimensions
withstudiocms · Dec 22, 2024 · ef96cd2 · ef96cd2
1 parent e78f62a
commit ef96cd2
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/studiocms_dashboard/src/components/FrameButton.astro b/packages/studiocms_dashboard/src/components/FrameButton.astro
@@ -34,17 +34,17 @@ const { link } = Astro.props;
                 frameContainer.style.borderRadius = '1rem';
 
                 const frameButton = document.createElement('button');
-                frameButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="dismiss-icon" data-astro-cid-dx5ijzvz="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 18L18 6M6 6l12 12"></path></svg>';
+                frameButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 18L18 6M6 6l12 12"></path></svg>';
                 frameButton.style.position = 'absolute';
                 frameButton.style.top = '1rem';
-                frameButton.style.right = '1rem';
+                frameButton.style.right = '2rem';
                 frameButton.style.backgroundColor = 'transparent';
-                frameButton.style.padding = '0.5rem';
                 frameButton.style.border = 'none';
                 frameButton.style.cursor = 'pointer';
                 frameButton.style.borderRadius = '0.5rem';
-                frameButton.style.height = '2.5rem';
-                frameButton.style.width = '2.5rem';
+                frameButton.style.height = '1.5rem';
+                frameButton.style.padding = '0';
+                frameButton.style.width = '1.5rem';
                 frameButton.style.display = 'flex';
                 frameButton.style.justifyContent = 'center';
                 frameButton.style.alignItems = 'center';