github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

perf: improve user detail page style 

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/590/head
Ryan Wang 2022-07-21 15:03:30 +08:00
parent 08e2f2b2ce
commit 694d053c24
6 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/components/package.json
View File

@ -5,7 +5,7 @@
"files": [
"dist"
],
"main": "./dist/halo-components.umd.js",
"main": "./dist/halo-components.iife.js",
"module": "./dist/halo-components.es.js",
"unpkg": "./dist/halo-components.iife.js",
"jsdelivr": "./dist/halo-components.iife.js",
@ -58,8 +58,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
"import": "./dist/halo-components.es.js",
"require": "./dist/halo-components.umd.js"
"import": "./dist/halo-components.es.js"
},
"./dist/style.css": "./dist/style.css"
}

2
packages/components/vite.config.ts
View File

@ -28,7 +28,7 @@ export default defineConfig({
lib: {
entry: path.resolve(__dirname, "src/index.ts"),
name: "HaloComponents",
formats: ["es", "cjs", "umd", "iife"],
formats: ["es", "iife"],
fileName: (format) => `halo-components.${format}.js`,
},
rollupOptions: {

3
packages/shared/package.json
View File

@ -14,13 +14,12 @@
"name": "@halo-dev",
"url": "https://github.com/halo-dev"
},
"main": "./dist/halo-admin-shared.cjs.js",
"main": "./dist/halo-admin-shared.iife.js",
"module": "./dist/halo-admin-shared.es.js",
"types": "./dist/index.d.ts",
"exports": {
".": {
"types": "./dist/index.d.ts",
"require": "./dist/halo-admin-shared.cjs.js",
"import": "./dist/halo-admin-shared.es.js"
},
"./dist/style.css": "./dist/style.css"

2
packages/shared/src/layouts/UserProfileLayout.vue
View File

@ -80,7 +80,7 @@ const handleTabChange = (id: string) => {
<div class="px-4 sm:px-6 lg:px-8">
<div class="-mt-12 flex items-end space-x-5 sm:-mt-16">
<div class="flex">
<div class="h-24 w-24 sm:h-32 sm:w-32">
<div class="bg-white h-24 w-24 sm:h-32 sm:w-32">
<img
:src="user?.spec?.avatar"
alt="Avatar"

2
packages/shared/vite.config.ts
View File

@ -26,7 +26,7 @@ export default defineConfig({
lib: {
entry: path.resolve(__dirname, "src/index.ts"),
name: "HaloAdminShared",
formats: ["es", "cjs", "umd", "iife"],
formats: ["es", "iife"],
fileName: (format) => `halo-admin-shared.${format}.js`,
},
rollupOptions: {

16
src/modules/system/users/UserDetail.vue
View File

@ -20,7 +20,7 @@ const router = useRouter();
<div class="border-t border-gray-200">
<dl class="divide-y divide-gray-100">
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">显示名称</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -28,7 +28,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">用户名</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -36,7 +36,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">电子邮箱</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -44,7 +44,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">角色</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -61,7 +61,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">描述</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -69,7 +69,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">两步验证</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -77,7 +77,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">注册时间</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@ -85,7 +85,7 @@ const router = useRouter();
</dd>
</div>
<div
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
>
<dt class="text-sm font-medium text-gray-900">最近登录时间</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">