fix: 手机版样式 (Close Chanzhaoyu#227)

EvanDbg · Jun 14, 2023 · dff17a9 · dff17a9
1 parent 570ccef
commit dff17a9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/common/Setting/User.vue b/src/components/common/Setting/User.vue
@@ -4,9 +4,11 @@ import { NButton, NDataTable, NModal, NSelect, NTag, useDialog, useMessage } fro
 import { Status, UserInfo, UserRole, userRoleOptions } from './model'
 import { fetchGetUsers, fetchUpdateUserRole, fetchUpdateUserStatus } from '@/api'
 import { t } from '@/locales'
+import { useBasicLayout } from '@/hooks/useBasicLayout'
 
 const ms = useMessage()
 const dialog = useDialog()
+const { isMobile } = useBasicLayout()
 const loading = ref(false)
 const show = ref(false)
 const handleSaving = ref(false)
@@ -214,7 +216,7 @@ onMounted(async () => {
     </div>
   </div>
 
-  <NModal v-model:show="show" :auto-focus="false" preset="card" style="width:50%;">
+  <NModal v-model:show="show" :auto-focus="false" preset="card" :style="{ width: !isMobile ? '50%' : '100%' }">
     <div class="p-4 space-y-5 min-h-[200px]">
       <div class="space-y-6">
         <div class="flex items-center space-x-4">