yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: replace simple px utility styles

pull/337/head^2
xingyu4j 2026-03-14 18:43:00 +08:00
parent 8fd6bf47b1
commit 9d6fbfd0d6
7 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/@core/ui-kit/menu-ui/src/components/normal-menu/normal-menu.vue
View File

@ -143,14 +143,16 @@ function menuIcon(menu: MenuRecordRaw) {
} }
.vben-normal-menu__icon { .vben-normal-menu__icon {
max-height: 20px; @apply max-h-5;
font-size: calc(var(--font-size-base, 16px) * 1.25); font-size: calc(var(--font-size-base, 16px) * 1.25);
transition: all 0.25s ease; transition: all 0.25s ease;
} }
.vben-normal-menu__name { .vben-normal-menu__name {
@apply mt-2;
width: 100%; width: 100%;
margin-top: 8px;
margin-bottom: 0; margin-bottom: 0;
font-size: calc(var(--font-size-base, 16px) * 0.75); font-size: calc(var(--font-size-base, 16px) * 0.75);
font-weight: 400; font-weight: 400;

2
packages/@core/ui-kit/shadcn-ui/src/ui/tree/tree.vue
View File

@ -450,7 +450,7 @@ defineExpose({
.item { .item {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 30px; @apply h-7.5;
background-color: #f3f3f3; background-color: #f3f3f3;
border: 1px solid #666; border: 1px solid #666;
} }

2
packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue
View File

@ -498,7 +498,7 @@ async function handleReset() {
<style scoped> <style scoped>
:deep(.sticky-tabs-header [role='tablist']) { :deep(.sticky-tabs-header [role='tablist']) {
position: sticky; position: sticky;
top: -12px; @apply -top-3;
z-index: 9999; z-index: 9999;
} }
</style> </style>

2
packages/effects/layouts/src/widgets/timezone/timezone-button.vue
View File

@ -82,6 +82,6 @@ const handleClick = () => {
<style scoped> <style scoped>
.timezone-container { .timezone-container {
padding-left: 20px; @apply pl-5;
} }
</style> </style>

2
playground/src/views/demos/features/icons/index.vue
View File

@ -103,7 +103,7 @@ const inputComponent = h(Input);
v-model:value="iconValue4" v-model:value="iconValue4"
allow-clear allow-clear
placeholder="点击这里选择图标" placeholder="点击这里选择图标"
style="width: 300px" class="w-75"
> >
<template #addonAfter> <template #addonAfter>
<IconPicker v-model="iconValue4" prefix="mdi-light" type="icon" /> <IconPicker v-model="iconValue4" prefix="mdi-light" type="icon" />

4
playground/src/views/examples/layout/col-page.vue
View File

@ -75,7 +75,7 @@ const leftMaxWidth = ref(props.leftMaxWidth || 100);
v-model:value="leftMinWidth" v-model:value="leftMinWidth"
:max="props.leftMaxWidth - 1" :max="props.leftMaxWidth - 1"
:min="1" :min="1"
style="width: 100px" class="w-25"
@after-change="(value) => (props.leftMinWidth = value as number)" @after-change="(value) => (props.leftMinWidth = value as number)"
/> />
<span>左侧最大宽度百分比：</span> <span>左侧最大宽度百分比：</span>
@ -83,7 +83,7 @@ const leftMaxWidth = ref(props.leftMaxWidth || 100);
v-model:value="props.leftMaxWidth" v-model:value="props.leftMaxWidth"
:max="100" :max="100"
:min="leftMaxWidth + 1" :min="leftMaxWidth + 1"
style="width: 100px" class="w-25"
@after-change="(value) => (props.leftMaxWidth = value as number)" @after-change="(value) => (props.leftMaxWidth = value as number)"
/> />
</div> </div>

8
playground/src/views/system/role/modules/form.vue
View File

@ -126,17 +126,13 @@ function getNodeClass(node: Recordable<any>) {
<style lang="css" scoped> <style lang="css" scoped>
:deep(.ant-tree-title) { :deep(.ant-tree-title) {
.tree-actions { .tree-actions {
display: none; @apply ml-5 hidden;
margin-left: 20px;
} }
} }
:deep(.ant-tree-title:hover) { :deep(.ant-tree-title:hover) {
.tree-actions { .tree-actions {
display: flex; @apply ml-5 flex flex-auto justify-end;
flex: auto;
justify-content: flex-end;
margin-left: 20px;
} }
} }
</style> </style>