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