converted modals to native dialog

2026-02-18 23:27:55 +02:00
parent 759f52274b
commit c14dde64a5
5 changed files with 244 additions and 156 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -138,3 +138,24 @@ body ::-webkit-scrollbar-thumb:hover,
  white-space: nowrap;
  border-width: 0;
 }
+
+/* Native dialog styles */
+dialog {
+  background: transparent;
+  border: none;
+  padding: 0;
+  max-width: 100vw;
+  max-height: 100vh;
+  overflow: visible;
+}
+
+dialog::backdrop {
+  background: rgba(9, 9, 11, 0.8);
+  backdrop-filter: blur(4px);
+}
+
+dialog[open] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}