refactor: improve break words UI

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

View file

@ -10,8 +10,11 @@ const accountHandle = $(useAccountHandle(account))
</script>
<template>
<NuxtLink :to="link ? getAccountPath(account) : undefined" flex flex-col md:flex-row md:gap-2 md:items-center>
<ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
<NuxtLink
:to="link ? getAccountPath(account) : undefined"
flex="col 1" min-w-0 md:flex="~ gap-2" md:items-center
>
<ContentRichSetup font-bold break-words :content="getDisplayName(account)" :emojis="account.emojis" />
<p op35 text-sm>
{{ accountHandle }}
</p>