style: ellipsis

1myuan · 1myuan · commit 0c874bd2d519 · 2025-07-04T18:44:31.000+08:00
diff --git a/ui/src/views/system/role/index.vue b/ui/src/views/system/role/index.vue
@@ -64,8 +64,8 @@
                 >
                   <template #default="{ row }">
                     <div class="flex-between">
-                      <span>
-                        {{ row.role_name }}
+                      <span class="flex align-center mr-8">
+                        <div class="ellipsis" style="flex: 1">{{ row.role_name }}</div>
                         <span class="color-input-placeholder ml-4"
                           >({{ roleTypeMap[row.type as RoleTypeEnum] }})</span
                         >

Original file line number	Diff line number	Diff line change
`@@ -64,8 +64,8 @@`
`64`	`64`	`>`
`65`	`65`	`<template #default="{ row }">`
`66`	`66`	`<div class="flex-between">`
`67`		`- <span>`
`68`		`- {{ row.role_name }}`
	`67`	`+ <span class="flex align-center mr-8">`
	`68`	`+ <div class="ellipsis" style="flex: 1">{{ row.role_name }}</div>`
`69`	`69`	`<span class="color-input-placeholder ml-4"`
`70`	`70`	`>({{ roleTypeMap[row.type as RoleTypeEnum] }})</span`
`71`	`71`	`>`