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

Improve flex layout for category and menu list items (#7760)

pull/7762/head^2
Ryan Wang 2025-09-20 23:35:17 +08:00 committed by GitHub
parent 8a7805f869
commit ba23e6c07b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/console-src/modules/contents/posts/categories/components/CategoryListItem.vue
View File

@ -86,7 +86,7 @@ const handleOpenCreateByParentModal = () => {
<div <div
class="group relative flex w-full items-center justify-between px-4 py-3 hover:bg-gray-50" class="group relative flex w-full items-center justify-between px-4 py-3 hover:bg-gray-50"
> >
<div> <div class="min-w-0 flex-1 shrink">
<div <div
v-permission="['system:posts:manage']" v-permission="['system:posts:manage']"
class="drag-element absolute inset-y-0 left-0 hidden w-3.5 cursor-move items-center bg-gray-100 transition-all hover:bg-gray-200 group-hover:flex" class="drag-element absolute inset-y-0 left-0 hidden w-3.5 cursor-move items-center bg-gray-100 transition-all hover:bg-gray-200 group-hover:flex"
@ -110,7 +110,7 @@ const handleOpenCreateByParentModal = () => {
</a> </a>
</div> </div>
</div> </div>
<div class="flex items-center gap-6"> <div class="flex flex-none items-center gap-6">
<VStatusDot <VStatusDot
v-if="categoryTreeNode.metadata.deletionTimestamp" v-if="categoryTreeNode.metadata.deletionTimestamp"
v-tooltip="$t('core.common.status.deleting')" v-tooltip="$t('core.common.status.deleting')"

6
ui/console-src/modules/interface/menus/Menus.vue
View File

@ -252,7 +252,7 @@ function getMenuItemRefDisplayName(menuItem: MenuTreeItem) {
<div class="w-96 flex-none"> <div class="w-96 flex-none">
<MenuList v-model:selected-menu="selectedMenu" /> <MenuList v-model:selected-menu="selectedMenu" />
</div> </div>
<div class="flex-1"> <div class="min-w-0 flex-1 shrink">
<VCard :body-class="['!p-0']"> <VCard :body-class="['!p-0']">
<template #header> <template #header>
<div class="block w-full bg-gray-50 px-4 py-3"> <div class="block w-full bg-gray-50 px-4 py-3">
@ -319,7 +319,7 @@ function getMenuItemRefDisplayName(menuItem: MenuTreeItem) {
<div <div
class="group relative flex w-full items-center justify-between px-4 py-3 hover:bg-gray-50" class="group relative flex w-full items-center justify-between px-4 py-3 hover:bg-gray-50"
> >
<div> <div class="min-w-0 flex-1 shrink">
<div <div
v-permission="['system:menus:manage']" v-permission="['system:menus:manage']"
class="drag-element absolute inset-y-0 left-0 hidden w-3.5 cursor-move items-center bg-gray-100 transition-all hover:bg-gray-200 group-hover:flex" class="drag-element absolute inset-y-0 left-0 hidden w-3.5 cursor-move items-center bg-gray-100 transition-all hover:bg-gray-200 group-hover:flex"
@ -348,7 +348,7 @@ function getMenuItemRefDisplayName(menuItem: MenuTreeItem) {
</a> </a>
</div> </div>
</div> </div>
<div class="flex items-center gap-6"> <div class="flex flex-none items-center gap-6">
<VStatusDot <VStatusDot
v-if="node.metadata.deletionTimestamp" v-if="node.metadata.deletionTimestamp"
v-tooltip="$t('core.common.status.deleting')" v-tooltip="$t('core.common.status.deleting')"