style: 优化部分链接样式

continew-org · Oct 20, 2024 · c6daf41 · c6daf41
1 parent 7970940
commit c6daf41
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 5 deletions.
diff --git a/src/components/GiCell/GiCellAvatar.vue b/src/components/GiCell/GiCellAvatar.vue
@@ -3,7 +3,18 @@
     <a-avatar :size="24" shape="circle">
       <img :src="props.avatar" alt="avatar" />
     </a-avatar>
-    <a-link v-if="props.isLink" @click="emit('click')">{{ props.name }}</a-link>
+    <a-link v-if="props.isLink" @click="emit('click')">
+      <a-typography-paragraph
+        class="link-text"
+        :ellipsis="{
+          rows: 1,
+          showTooltip: true,
+          css: true,
+        }"
+      >
+        {{ props.name }}
+      </a-typography-paragraph>
+    </a-link>
     <span v-else>{{ props.name }}</span>
   </a-space>
 </template>

diff --git a/src/components/GiTable/index.vue b/src/components/GiTable/index.vue
@@ -302,6 +302,10 @@ defineExpose({ tableRef })
         }
       }
     }
+
+    :deep(.link-text.arco-typography) {
+      color: rgb(var(--link-6));
+    }
   }
 
   &__header {

diff --git a/src/views/dashboard/workplace/components/Project.vue b/src/views/dashboard/workplace/components/Project.vue
@@ -15,12 +15,12 @@
         :xxl="8"
         class="my-project-item"
       >
-        <a-card style="min-height: 204px" :bordered="true" hoverable>
+        <a-card style="min-height: 204px; max-height: 204px" :bordered="true" hoverable>
           <div class="badge badge-right" :style="`background-color: ${item.statusColor}`">{{ item.status }}</div>
           <a :href="item.url" target="_blank">
             <a-space direction="vertical">
               <a-space>
-                <img :src="item.logo" width="30px" alt="logo" />
+                <a-image :src="item.logo" width="30px" alt="logo" />
                 <a-typography-text bold>{{ item.name }}</a-typography-text>
               </a-space>
               <a-typography-paragraph

diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
@@ -36,7 +36,18 @@
         </a-button>
       </template>
       <template #title="{ record }">
-        <a-link @click="onDetail(record)">{{ record.title }}</a-link>
+        <a-link @click="onDetail(record)">
+          <a-typography-paragraph
+            class="link-text"
+            :ellipsis="{
+              rows: 1,
+              showTooltip: true,
+              css: true,
+            }"
+          >
+          {{ record.title }}
+          </a-typography-paragraph>
+        </a-link>
       </template>
       <template #type="{ record }">
         <GiCellTag :value="record.type" :dict="notice_type" />

diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
@@ -28,7 +28,18 @@
         </a-button>
       </template>
       <template #name="{ record }">
-        <a-link @click="onDetail(record)">{{ record.name }}</a-link>
+        <a-link @click="onDetail(record)">
+          <a-typography-paragraph
+            class="link-text"
+            :ellipsis="{
+              rows: 1,
+              showTooltip: true,
+              css: true,
+            }"
+          >
+            {{ record.name }}
+          </a-typography-paragraph>
+        </a-link>
       </template>
       <template #dataScope="{ record }">
         <GiCellTag :value="record.dataScope" :dict="data_scope_enum" />
-Original file line number
+Diff line change
@@ Expand Up / @@ -302,6 +302,10 @@ defineExpose({ tableRef }) @@
             }
           }
         }
+        :deep(.link-text.arco-typography) {
+          color: rgb(var(--link-6));
+        }
       }
       &__header {
@@ Expand Down @@