zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

refactor: improve break words UI

Browse source
This commit is contained in:
三咲智子 2022-11-25 18:20:01 +08:00
parent 3c550b832b
commit 9f44e607ad
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
5 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/account/AccountHeader.vue
View file

@ -52,14 +52,14 @@ function getFieldNameIcon(fieldName: string) {
</div>
<div p4 mt--17 flex flex-col gap-6>
<div flex justify-between>
<div flex flex-col gap-2>
<div flex="~ col gap-2 1" min-w-0>
<div>
<NuxtLink :to="getAccountPath(account)">
<AccountAvatar :account="account" w-30 h-30 />
</NuxtLink>
</div>
<div flex flex-col>
<ContentRichSetup font-bold text-2xl :content="getDisplayName(account)" :emojis="account.emojis" />
<ContentRichSetup font-bold text-2xl break-words :content="getDisplayName(account)" :emojis="account.emojis" />
<p op50>
{{ getAccountHandle(account) }}
</p>

2
components/account/AccountInlineInfo.vue
View file

@ -8,7 +8,7 @@ const { link = true } = defineProps<{
</script>
<template>
<NuxtLink :to="link ? getAccountPath(account) : undefined" flex gap-1 items-center>
<NuxtLink :to="link ? getAccountPath(account) : undefined" min-w-0 flex gap-1 items-center>
<AccountAvatar :account="account" w-5 h-5 />
<ContentRichSetup :content="getDisplayName(account)" :emojis="account.emojis" />
</NuxtLink>