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 | 191 | <div> |
| 192 | 192 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 193 | 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 | 195 | <div class="p-3 bg-light-50 flex justify-between mb-4 dark:bg-dark-900"> |
| 196 | 196 | <div class="flex gap-4 cursor-pointer items-center"> |
| 197 | 197 | <div | ... | ... |
| 1 | 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 | 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 | 12 | </div> |
| 7 | 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 | 15 | <BasicTree |
| 14 | 16 | title="组织列表" |
| 15 | 17 | toolbar | ... | ... |
| ... | ... | @@ -161,7 +161,7 @@ |
| 161 | 161 | <template> |
| 162 | 162 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 163 | 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 | 165 | <div class="flex-auto w-full bg-light-50 dark:bg-dark-900 p-4"> |
| 166 | 166 | <BasicForm @register="registerForm" /> |
| 167 | 167 | </div> | ... | ... |