make button a svg

mbta · Jan 3, 2025 · 6dd7804 · 6dd7804
1 parent 73640e3
commit 6dd7804
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -37,3 +37,7 @@ npm-debug.log
 
 *storybook.log
 config/dev.secret.exs
+
+# Ignore files used by MacOS Finder
+.DS_Store
+*/.DS_Store
diff --git a/js/components/modal.tsx b/js/components/modal.tsx
@@ -27,7 +27,7 @@ export const Modal = ({
       <div className='grid grid-cols-[1fr_max-content] grid-rows-[max-content_1fr] [grid-template-areas:"title_close"_"contents_contents"] overflow-scroll'>
         <div className="[grid-area:title]">{title}</div>
         <button className="[grid-area:close]" onClick={onClose}>
-          [x]
+          <img src="/images/close.svg" alt="Close" className="w-4 fill-black hover:bg-gray-300"/>
         </button>
         <div className="[grid-area:contents]">{children}</div>
       </div>

diff --git a/priv/static/images/close.svg b/priv/static/images/close.svg