fix: status card on mobile device

closes #79
This commit is contained in:
三咲智子 2022-11-25 15:49:43 +08:00
parent f476cfe2bf
commit 64a6c7f7ea
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 6 additions and 7 deletions

View file

@ -10,7 +10,7 @@ const accountHandle = $(useAccountHandle(account))
</script>
<template>
<NuxtLink :to="link ? getAccountPath(account) : undefined" flex gap-2 items-center>
<NuxtLink :to="link ? getAccountPath(account) : undefined" flex="~ row wrap" gap-x-2 items-center>
<ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
<p op35 text-sm>
{{ accountHandle }}

View file

@ -121,7 +121,7 @@ function mention() {
</script>
<template>
<div flex justify-between gap-8>
<div flex justify-between>
<CommonTooltip placement="bottom" content="Reply">
<RouterLink :to="getStatusPath(status)">
<StatusActionButton
@ -180,11 +180,10 @@ function mention() {
<CommonDropdown placement="bottom">
<CommonTooltip placement="bottom" content="More">
<button flex gap-1 items-center rounded op50 hover="op100 text-purple" group>
<div rounded-full p2 group-hover="bg-purple/10">
<div i-ri:more-line />
</div>
</button>
<StatusActionButton
color="text-purple" hover="text-purple" group-hover="bg-purple/10"
icon="i-ri:more-line"
/>
</CommonTooltip>
<template #popper>