From 1981e7c8d09ca7f44434087d0dae736b06f663a7 Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.ag@gmail.com>
Date: Thu, 7 Mar 2024 13:01:42 +0100
Subject: [PATCH] feat: icon close

---
 libs/plugins-runtime/src/lib/plugin-modal.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/libs/plugins-runtime/src/lib/plugin-modal.ts b/libs/plugins-runtime/src/lib/plugin-modal.ts
index 8037e21..bd8f9b3 100644
--- a/libs/plugins-runtime/src/lib/plugin-modal.ts
+++ b/libs/plugins-runtime/src/lib/plugin-modal.ts
@@ -1,3 +1,6 @@
+const closeSvg = `
+<svg width="16"  height="16"xmlns="http://www.w3.org/2000/svg" fill="none"><g class="fills"><rect rx="0" ry="0" width="16" height="16" class="frame-background"/></g><g class="frame-children"><path d="M11.997 3.997 8 8l-3.997 4.003m-.006-8L8 8l4.003 3.997" class="fills"/><g class="strokes"><path d="M11.997 3.997 8 8l-3.997 4.003m-.006-8L8 8l4.003 3.997" style="fill: none; stroke-width: 1; stroke: rgb(143, 157, 163); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g></svg>`;
+
 export class PluginModalElement extends HTMLElement {
   constructor() {
     super();
@@ -28,7 +31,7 @@ export class PluginModalElement extends HTMLElement {
 
     const closeButton = document.createElement('button');
     closeButton.setAttribute('type', 'button');
-    closeButton.textContent = '❌';
+    closeButton.innerHTML = `<div class="close">${closeSvg}</div>`;
     closeButton.addEventListener('click', () => {
       if (!this.shadowRoot) {
         return;
@@ -98,6 +101,8 @@ export class PluginModalElement extends HTMLElement {
         h1 {
           color: #000;
           font-family: Arial, sans-serif;
+          margin: 0;
+          margin-block-end: 10px;
         }
 
         iframe {