From 210b1f5ee442fa60c9561ab93784e8492a519362 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Jun 2026 18:41:01 +0300
Subject: [PATCH] confirm swag

---
 .../confirm_modal/confirm_modal.vue           |   8 +-
 .../user_timed_filter_modal.vue               | 106 +++++++++---------
 2 files changed, 61 insertions(+), 53 deletions(-)

diff --git a/src/components/confirm_modal/confirm_modal.vue b/src/components/confirm_modal/confirm_modal.vue
index 1a8e0ad4e..dbd5d8697 100644
--- a/src/components/confirm_modal/confirm_modal.vue
+++ b/src/components/confirm_modal/confirm_modal.vue
@@ -18,7 +18,9 @@
         <slot />
       </div>
     </div>
-
+    <div class="below">
+      <slot name="below" />
+    </div>
     <template #footer>
       <slot name="footerLeft" />
       <button
@@ -61,6 +63,10 @@
     }
   }
 
+  .below:not(:empty) {
+    margin-top: 1em;
+  }
+
   .text {
     max-width: 50ch;
   }
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
index 055c2f7f4..f9b23076c 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.vue
@@ -11,62 +11,64 @@
     <p>
       {{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
     </p>
-    <div>
-      {{ $t('user_card.expire_in') }}
-      <span class="expirationTime">
-        <input
-          id="userFilterExpires"
-          v-model="expiration"
-          class="input input-expire-in"
-          :class="{ disabled: forever }"
-          :disabled="forever"
-          min="1"
-          type="number"
-        >
-        <Select
-          id="userFilterExpiresUnit"
-          v-model="expirationUnit"
-          class="input unit-input unstyled"
-          :disabled="forever"
-        >
-          <option
-            key="s"
-            value="s"
+    <template #below>
+      <div>
+        {{ $t('user_card.expire_in') }}
+        <span class="expirationTime">
+          <input
+            id="userFilterExpires"
+            v-model="expiration"
+            class="input input-expire-in"
+            :class="{ disabled: forever }"
+            :disabled="forever"
+            min="1"
+            type="number"
           >
-            {{ $t('time.unit.seconds_suffix') }}
-          </option>
-          <option
-            key="m"
-            value="m"
+          <Select
+            id="userFilterExpiresUnit"
+            v-model="expirationUnit"
+            class="input unit-input unstyled"
+            :disabled="forever"
           >
-            {{ $t('time.unit.minutes_suffix') }}
-          </option>
-          <option
-            key="h"
-            value="h"
-          >
-            {{ $t('time.unit.hours_suffix') }}
-          </option>
-          <option
-            key="d"
-            value="d"
-          >
-            {{ $t('time.unit.days_suffix') }}
-          </option>
-        </Select>
-      </span>
+            <option
+              key="s"
+              value="s"
+            >
+              {{ $t('time.unit.seconds_suffix') }}
+            </option>
+            <option
+              key="m"
+              value="m"
+            >
+              {{ $t('time.unit.minutes_suffix') }}
+            </option>
+            <option
+              key="h"
+              value="h"
+            >
+              {{ $t('time.unit.hours_suffix') }}
+            </option>
+            <option
+              key="d"
+              value="d"
+            >
+              {{ $t('time.unit.days_suffix') }}
+            </option>
+          </Select>
+        </span>
 
-      {{ $t('user_card.mute_or') }}
+        {{ $t('user_card.mute_or') }}
 
-      <Checkbox
-        id="forever"
-        v-model="forever"
-        name="forever"
-        class="input-forever"
-      >
-        {{ $t('user_card.mute_block_never') }}
-      </Checkbox>
-    </div>
+        <Checkbox
+          id="forever"
+          v-model="forever"
+          name="forever"
+          class="input-forever"
+        >
+          {{ $t('user_card.mute_block_never') }}
+        </Checkbox>
+      </div>
+    </template>
 
     <template #footerLeft>
       <div class="footer-left-checkbox">