fix dialog main styles

jamband · Oct 15, 2023 · 9a2b67b · 9a2b67b
1 parent 1011944
commit 9a2b67b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/src/groups/dialog/component.astro b/src/groups/dialog/component.astro
@@ -33,11 +33,8 @@ const title = "<dialog>";
             ><IconX class={styles.closeIcon} />
           </button>
         </div>
-        <div class={styles.dialogMain}>
-          press the <IconX class={styles.closeIcon} /> icon or the <Code
-            code="esc"
-            inline
-          /> key to close it.
+        <div>
+          press the [x] icon or the <Code code="esc" inline /> key to close it.
         </div>
       </form>
     </dialog>
@@ -50,7 +47,7 @@ const title = "<dialog>";
         <div class={styles.dialogHeader}>
           <h3 id="example2-title">confirm</h3>
         </div>
-        <div class={styles.dialogMain}>
+        <div>
           you can also close it by pressing the
           <Code code="esc" inline /> key.
         </div>

diff --git a/src/groups/dialog/styles.module.css b/src/groups/dialog/styles.module.css
@@ -20,12 +20,6 @@
   justify-content: space-between;
 }
 
-.dialogMain {
-  align-items: center;
-  display: flex;
-  gap: 0.25rem;
-}
-
 .dialogFooter {
   display: flex;
   gap: 0.75rem;