fix: status card on mobile device

closes #79
zio/stable
三咲智子 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> </script>
<template> <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" /> <ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
<p op35 text-sm> <p op35 text-sm>
{{ accountHandle }} {{ accountHandle }}

View File

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