Commit a09b9cebdccd204ffda1e4a9f7a73be4a996a9d1
1 parent
6d5dafbd
perf: unified all page margin add adjust organzation tree fold icon
Showing
4 changed files
with
13 additions
and
11 deletions
| @@ -191,7 +191,7 @@ | @@ -191,7 +191,7 @@ | ||
| 191 | <div> | 191 | <div> |
| 192 | <PageWrapper dense contentFullHeight contentClass="flex"> | 192 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 193 | <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> | 193 | <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 194 | - <section class="p-4 pl-9 split-screen-mode flex flex-col flex-auto w-3/4 xl:w-4/5"> | 194 | + <section class="p-4 split-screen-mode flex flex-col flex-auto w-3/4 xl:w-4/5"> |
| 195 | <div class="p-3 bg-light-50 flex justify-between mb-4 dark:bg-dark-900"> | 195 | <div class="p-3 bg-light-50 flex justify-between mb-4 dark:bg-dark-900"> |
| 196 | <div class="flex gap-4 cursor-pointer items-center"> | 196 | <div class="flex gap-4 cursor-pointer items-center"> |
| 197 | <div | 197 | <div |
| 1 | <template> | 1 | <template> |
| 2 | - <div class="organization-tree flex relative"> | ||
| 3 | - <div class="cursor-pointer flex py-4 fold-icon" :class="foldFlag ? 'absolute' : ''"> | 2 | + <div class="organization-tree flex relative items-center py-4" :class="foldFlag ? '' : 'pl-4'"> |
| 3 | + <div | ||
| 4 | + class="cursor-pointer flex py-4 fold-icon absolute rounded svg:fill-gray-400 hover:bg-gray-200" | ||
| 5 | + :class="foldFlag ? '' : '-right-4'" | ||
| 6 | + > | ||
| 4 | <div @click="handleFold"> | 7 | <div @click="handleFold"> |
| 5 | - <CaretRightOutlined :class="[foldFlag ? '' : 'rotate-180']" class="text-xl transform" /> | 8 | + <CaretRightOutlined |
| 9 | + :class="[foldFlag ? '' : 'rotate-180']" | ||
| 10 | + class="transform fill-gray-100" | ||
| 11 | + /> | ||
| 6 | </div> | 12 | </div> |
| 7 | </div> | 13 | </div> |
| 8 | - <div | ||
| 9 | - :style="{ width: foldFlag ? '0px' : '100%' }" | ||
| 10 | - :class="[foldFlag ? '' : 'my-4 ml-2']" | ||
| 11 | - class="bg-white mr-0 overflow-hidden" | ||
| 12 | - > | 14 | + <div :style="{ width: foldFlag ? '0px' : '100%' }" class="bg-white mr-0 overflow-hidden h-full"> |
| 13 | <BasicTree | 15 | <BasicTree |
| 14 | title="组织列表" | 16 | title="组织列表" |
| 15 | toolbar | 17 | toolbar |
| @@ -161,7 +161,7 @@ | @@ -161,7 +161,7 @@ | ||
| 161 | <template> | 161 | <template> |
| 162 | <PageWrapper dense contentFullHeight contentClass="flex"> | 162 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 163 | <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> | 163 | <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 164 | - <section class="flex-auto pl-9 p-4 configuration-list"> | 164 | + <section class="flex-auto p-4 configuration-list"> |
| 165 | <div class="flex-auto w-full bg-light-50 dark:bg-dark-900 p-4"> | 165 | <div class="flex-auto w-full bg-light-50 dark:bg-dark-900 p-4"> |
| 166 | <BasicForm @register="registerForm" /> | 166 | <BasicForm @register="registerForm" /> |
| 167 | </div> | 167 | </div> |