From de5a6a07fd7a3f778e0ea020a1f4e74b4cafd475 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Wed, 18 Mar 2026 11:59:37 +0900
Subject: [PATCH] age gated style

---
 src/components/InstanceActionBar.vue | 5 +++--
 src/localization/en.json             | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/InstanceActionBar.vue b/src/components/InstanceActionBar.vue
index 5fa1b85f..c2b231b4 100644
--- a/src/components/InstanceActionBar.vue
+++ b/src/components/InstanceActionBar.vue
@@ -135,9 +135,9 @@
             <span v-if="instance?.queueSize" class="ml-1">
                 {{ t('dialog.user.info.instance_queue') }} {{ instance.queueSize }}
             </span>
-            <span v-if="instanceInfoState.isAgeGated" class="ml-1">
+            <Badge v-if="instanceInfoState.isAgeGated" variant="outline" class="ml-1">
                 {{ t('dialog.user.info.instance_age_gated') }}
-            </span>
+            </Badge>
         </div>
     </div>
 </template>
@@ -145,6 +145,7 @@
 <script setup>
     import { History, Loader2, LogIn, Mail, MapPin, RefreshCw, UsersRound } from 'lucide-vue-next';
     import { computed, reactive, ref, watch } from 'vue';
+    import { Badge } from '@/components/ui/badge';
     import { Button } from '@/components/ui/button';
     import { storeToRefs } from 'pinia';
     import { toast } from 'vue-sonner';
diff --git a/src/localization/en.json b/src/localization/en.json
index d3c52111..2fb03754 100644
--- a/src/localization/en.json
+++ b/src/localization/en.json
@@ -1343,7 +1343,7 @@
                 "instance_full": "full",
                 "instance_closed": "Instance closed",
                 "close_instance": "Close Instance",
-                "instance_age_gated": "age gated",
+                "instance_age_gated": "Age Gated",
                 "open_previous_instance": "Open Previous Instances",
                 "show_mutual_friends": "Show Mutual Friends",
                 "show_discord_connections": "Show Discord Connections"