[重大更新] 整体主题样式重写 改为卡片式布局 样式更企业化

src/views/monitor/snailjob/index.vue

@@ -1,9 +1,20 @@
 <template>
-  <div>
-    <i-frame v-model:src="url"></i-frame>
+  <div class="p-2 page-shell iframe-page">
+    <div class="iframe-page__inner">
+      <i-frame v-model:src="url"></i-frame>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 const url = ref(import.meta.env.VITE_APP_SNAILJOB_ADMIN);
 </script>
+
+<style lang="scss" scoped>
+.iframe-page__inner {
+  overflow: hidden;
+  border-radius: 14px;
+  background: var(--app-surface-bg);
+  box-shadow: var(--app-shadow-sm);
+}
+</style>