Commit a09b9cebdccd204ffda1e4a9f7a73be4a996a9d1

Authored by ww
1 parent 6d5dafbd

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

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