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> | ... | ... |