fix(ui): statusCard style in RTL (#1499)

This commit is contained in:
Chris 2023-01-31 11:44:55 +08:00 committed by GitHub
parent e18fe70f80
commit 54f3695f50
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -79,7 +79,8 @@ const showReplyTo = $computed(() => !replyToMain && !directReply)
<div <div
:id="`status-${status.id}`" :id="`status-${status.id}`"
ref="el" ref="el"
relative flex="~ col gap1" p="l-3 r-4 b-2" relative flex="~ col gap1"
p="b-2 is-3 ie-4"
:class="{ 'hover:bg-active': hover }" :class="{ 'hover:bg-active': hover }"
tabindex="0" tabindex="0"
focus:outline-none focus-visible:ring="2 primary" focus:outline-none focus-visible:ring="2 primary"
@ -95,12 +96,12 @@ const showReplyTo = $computed(() => !replyToMain && !directReply)
<template v-if="status.inReplyToAccountId"> <template v-if="status.inReplyToAccountId">
<StatusReplyingTo <StatusReplyingTo
v-if="showReplyTo" v-if="showReplyTo"
ml-20px pt-1 pl-5 m="is-5" p="t-1 is-5"
:status="status" :status="status"
:is-self-reply="isSelfReply" :is-self-reply="isSelfReply"
:class="faded ? 'text-secondary-light' : ''" :class="faded ? 'text-secondary-light' : ''"
/> />
<div flex="~ col gap-1" items-center pos="absolute top-0 left-0" w="77px" z--1> <div flex="~ col gap-1" items-center pos="absolute top-0 inset-is-0" w="77px" z--1>
<template v-if="showReplyTo"> <template v-if="showReplyTo">
<div w="1px" h="0.5" border="x base" mt-3 /> <div w="1px" h="0.5" border="x base" mt-3 />
<div w="1px" h="0.5" border="x base" /> <div w="1px" h="0.5" border="x base" />