github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: resolve text wrapping issue in entity field component (#7543) 

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.21.x

#### What this PR does / why we need it:

before:

<img width="759" alt="image" src="https://github.com/user-attachments/assets/13d6ec8c-b0ca-4b49-8589-504a7d506be4" />

after:

<img width="796" alt="image" src="https://github.com/user-attachments/assets/83a41ccb-28b0-4161-bf3f-0ec7a15bda66" />

#### Does this PR introduce a user-facing change?

```release-note
None
```
pull/7549/head
Ryan Wang 2025-06-13 13:30:43 +08:00 committed by GitHub
parent 663ee22147
commit 016d4cd94b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/packages/components/src/components/entity/EntityField.vue
View File

@ -76,7 +76,7 @@ const wrapperStyles = computed(() => {
@apply inline-flex flex-col gap-1 max-w-xs;
.entity-field-title-body {
@apply inline-flex items-center flex-row;
@apply inline-flex items-center flex-row whitespace-nowrap;
.entity-field-title {
@apply truncate text-sm font-medium text-gray-900 mr-2;
@ -84,7 +84,7 @@ const wrapperStyles = computed(() => {
}
.entity-field-description-body {
@apply inline-flex items-center;
@apply inline-flex items-center whitespace-nowrap;
.entity-field-description {
@apply text-xs text-gray-500 truncate;