Commit a09b9cebdccd204ffda1e4a9f7a73be4a996a9d1

Authored by ww
1 parent 6d5dafbd

perf: unified all page margin add adjust organzation tree fold icon

@@ -344,7 +344,7 @@ @@ -344,7 +344,7 @@
344 } 344 }
345 345
346 &-form-container { 346 &-form-container {
347 - padding: 16px 16px 16px 36px; 347 + padding: 16px 16px 16px 16px;
348 348
349 .ant-form { 349 .ant-form {
350 padding: 12px 10px 6px 10px; 350 padding: 12px 10px 6px 10px;
@@ -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>