From 42666293025a7a467ae3bf34361c365cdab62d34 Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Sat, 15 Feb 2025 21:33:41 +1000
Subject: [PATCH] [frontend/components] Properly limit global dialog max width
 on mobile

---
 Iceshrimp.Frontend/Components/ConfirmDialog.razor.css | 6 ++++++
 Iceshrimp.Frontend/Components/NoticeDialog.razor.css  | 6 ++++++
 Iceshrimp.Frontend/Components/PromptDialog.razor.css  | 6 ++++++
 Iceshrimp.Frontend/Components/SelectDialog.razor.css  | 6 ++++++
 4 files changed, 24 insertions(+)

diff --git a/Iceshrimp.Frontend/Components/ConfirmDialog.razor.css b/Iceshrimp.Frontend/Components/ConfirmDialog.razor.css
index 7980f766..ef772f58 100644
--- a/Iceshrimp.Frontend/Components/ConfirmDialog.razor.css
+++ b/Iceshrimp.Frontend/Components/ConfirmDialog.razor.css
@@ -40,4 +40,10 @@
 .confirm-btn {
     background: var(--accent-color);
     color: var(--font-color);
+}
+
+@media (max-width: 1000px) {
+    .confirm {
+        max-width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/NoticeDialog.razor.css b/Iceshrimp.Frontend/Components/NoticeDialog.razor.css
index e9149b4f..46c4f1a3 100644
--- a/Iceshrimp.Frontend/Components/NoticeDialog.razor.css
+++ b/Iceshrimp.Frontend/Components/NoticeDialog.razor.css
@@ -33,4 +33,10 @@
 .confirm-btn {
     background: var(--accent-color);
     color: var(--font-color);
+}
+
+@media (max-width: 1000px) {
+    .notice {
+        max-width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/PromptDialog.razor.css b/Iceshrimp.Frontend/Components/PromptDialog.razor.css
index 9583517c..5cc3bad4 100644
--- a/Iceshrimp.Frontend/Components/PromptDialog.razor.css
+++ b/Iceshrimp.Frontend/Components/PromptDialog.razor.css
@@ -45,4 +45,10 @@
 .submit-btn[disabled] {
     opacity: 0.4;
     cursor: not-allowed;
+}
+
+@media (max-width: 1000px) {
+    .prompt {
+        max-width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/SelectDialog.razor.css b/Iceshrimp.Frontend/Components/SelectDialog.razor.css
index 2529ffdd..89bfd67a 100644
--- a/Iceshrimp.Frontend/Components/SelectDialog.razor.css
+++ b/Iceshrimp.Frontend/Components/SelectDialog.razor.css
@@ -36,4 +36,10 @@
 .submit-btn {
     background: var(--accent-color);
     color: var(--font-color);
+}
+
+@media (max-width: 1000px) {
+    .select {
+        max-width: 100%;
+    }
 }
\ No newline at end of file