From fa678e1089e026d9677f71bcc4e560b77e88cac9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Wed, 1 Jun 2022 23:08:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=A1=B5=E6=A0=87=E9=A2=98=E8=BF=87=E9=95=BF=E7=9A=84=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProjectItemsCard/index.vue     | 96 ++++++++++---------
 .../ProjectItemsModalCard/index.vue           |  2 +-
 2 files changed, 53 insertions(+), 45 deletions(-)

diff --git a/src/views/project/items/components/ProjectItemsCard/index.vue b/src/views/project/items/components/ProjectItemsCard/index.vue
index 1b996b7c..6e4de14a 100644
--- a/src/views/project/items/components/ProjectItemsCard/index.vue
+++ b/src/views/project/items/components/ProjectItemsCard/index.vue
@@ -26,56 +26,58 @@
         </div>
       </div>
       <template #action>
-        <n-space class="list-footer" justify="space-between">
-          <n-text>
+        <div class="go-flex-items-center list-footer" justify="space-between">
+          <n-text class="go-ellipsis-1">
             {{ cardData.title || '' }}
           </n-text>
           <!-- 工具 -->
-          <n-space>
-            <n-text>
-              <n-badge
-                class="animation-twinkle"
-                dot
-                :color="cardData.release ? '#34c749' : '#fcbc40'"
-             ></n-badge>
-              {{
-                cardData.release
-                  ? $t('project.release')
-                  : $t('project.unreleased')
-              }}
-            </n-text>
+          <div class="go-flex-items-center list-footer-ri">
+            <n-space>
+              <n-text>
+                <n-badge
+                  class="animation-twinkle"
+                  dot
+                  :color="cardData.release ? '#34c749' : '#fcbc40'"
+              ></n-badge>
+                {{
+                  cardData.release
+                    ? $t('project.release')
+                    : $t('project.unreleased')
+                }}
+              </n-text>
 
-            <template v-for="item in fnBtnList" :key="item.key">
-              <template v-if="item.key === 'select'">
-                <n-dropdown
-                  trigger="hover"
-                  placement="bottom"
-                  :options="selectOptions"
-                  :show-arrow="true"
-                  @select="handleSelect"
-                >
-                  <n-button size="small">
-                    <template #icon>
-                      <component :is="item.icon"></component>
-                    </template>
-                  </n-button>
-                </n-dropdown>
-              </template>
-
-              <n-tooltip v-else placement="bottom" trigger="hover">
-                <template #trigger>
-                  <n-button size="small" @click="handleSelect(item.key)">
-                    <template #icon>
-                      <component :is="item.icon"></component>
-                    </template>
-                  </n-button>
+              <template v-for="item in fnBtnList" :key="item.key">
+                <template v-if="item.key === 'select'">
+                  <n-dropdown
+                    trigger="hover"
+                    placement="bottom"
+                    :options="selectOptions"
+                    :show-arrow="true"
+                    @select="handleSelect"
+                  >
+                    <n-button size="small">
+                      <template #icon>
+                        <component :is="item.icon"></component>
+                      </template>
+                    </n-button>
+                  </n-dropdown>
                 </template>
-                <component :is="item.label"></component>
-              </n-tooltip>
-            </template>
-          </n-space>
+
+                <n-tooltip v-else placement="bottom" trigger="hover">
+                  <template #trigger>
+                    <n-button size="small" @click="handleSelect(item.key)">
+                      <template #icon>
+                        <component :is="item.icon"></component>
+                      </template>
+                    </n-button>
+                  </template>
+                  <component :is="item.label"></component>
+                </n-tooltip>
+              </template>
+            </n-space>
+          </div>
           <!-- end -->
-        </n-space>
+        </div>
       </template>
     </n-card>
   </div>
@@ -227,7 +229,13 @@ $contentHeight: 180px;
     }
   }
   .list-footer {
+    flex-wrap: nowrap;
+    justify-content: space-between;
     line-height: 30px;
+    &-ri {
+      justify-content: flex-end;
+      min-width: 160px;
+    }
   }
 }
 </style>
diff --git a/src/views/project/items/components/ProjectItemsModalCard/index.vue b/src/views/project/items/components/ProjectItemsModalCard/index.vue
index c9c64fab..6f6d04b4 100644
--- a/src/views/project/items/components/ProjectItemsModalCard/index.vue
+++ b/src/views/project/items/components/ProjectItemsModalCard/index.vue
@@ -129,7 +129,7 @@ $contentWidth: calc(82vw);
 @include go('modal-box') {
   width: $contentWidth;
   .list-content {
-    margin-top: 20px;
+    margin-top: 28px;
     border-radius: $--border-radius-base;
     overflow: hidden;
     @include background-image('background-point');