관리자 토스트 표시 컴포넌트 공통화

pages/admin/settings/index.vue

@@ -4088,17 +4088,6 @@ onBeforeUnmount(() => {
     </div>
     </div>
 
-    <div
-      v-if="toast"
-      class="admin-settings-screen__toast fixed right-5 top-24 z-[100] max-w-[min(24rem,calc(100vw-2.5rem))] rounded-md border px-4 py-3 text-sm font-semibold shadow-lg md:top-28"
-      :class="{
-        'border-green-200 bg-green-50 text-green-800': toast.type === 'success',
-        'border-red-200 bg-red-50 text-red-800': toast.type === 'error',
-        'border-[#e6e8eb] bg-white text-[#15171a]': toast.type === 'info'
-      }"
-      role="status"
-    >
-      {{ toast.message }}
-    </div>
+    <AdminToast :toast="toast" top-class="top-24 md:top-28" />
   </div>
 </template>