From 1e3ecf6d0f9823c26e775096c8f7fb2e8161dd9f Mon Sep 17 00:00:00 2001
From: Jose Olarte III <jose.anomalist.design@gmail.com>
Date: Tue, 28 Oct 2025 15:57:36 +0800
Subject: [PATCH] refactor: migrate dialog styles from scoped CSS to Tailwind
 utilities

- Remove scoped CSS styles for .dialog-overlay and .dialog from AdmitPendingMembersDialog.vue
- Remove scoped CSS overflow style from FeedFilters.vue dialog
- Update Tailwind .dialog utility class to include max-height and overflow-y-auto
- Consolidate dialog styling into reusable Tailwind components for consistency
---
 src/assets/styles/tailwind.css               |  2 +-
 src/components/AdmitPendingMembersDialog.vue | 26 --------------------
 src/components/FeedFilters.vue               |  6 -----
 3 files changed, 1 insertion(+), 33 deletions(-)

diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
index 03063394..f4e5b371 100644
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -38,7 +38,7 @@
 	}
 
 	.dialog {
-		@apply bg-white p-4 rounded-lg w-full max-w-lg;
+		@apply bg-white px-4 py-6 rounded-lg w-full max-w-lg max-h-[90%] overflow-y-auto;
 	}
 
 	/* Markdown content styling to restore list elements */
diff --git a/src/components/AdmitPendingMembersDialog.vue b/src/components/AdmitPendingMembersDialog.vue
index eba75d06..af73bb66 100644
--- a/src/components/AdmitPendingMembersDialog.vue
+++ b/src/components/AdmitPendingMembersDialog.vue
@@ -348,29 +348,3 @@ export default class AdmitPendingMembersDialog extends Vue {
   }
 }
 </script>
-
-<style scoped>
-.dialog-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.dialog {
-  background: white;
-  border-radius: 8px;
-  padding: 24px;
-  max-width: 500px;
-  width: 90%;
-  max-height: 80vh;
-  overflow-y: auto;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-}
-</style>
diff --git a/src/components/FeedFilters.vue b/src/components/FeedFilters.vue
index 91a0db6b..b69ad357 100644
--- a/src/components/FeedFilters.vue
+++ b/src/components/FeedFilters.vue
@@ -210,9 +210,3 @@ export default class FeedFilters extends Vue {
   }
 }
 </script>
-
-<style>
-#dialogFeedFilters.dialog-overlay {
-  overflow: scroll;
-}
-</style>