fix: rtl styling

This commit is contained in:
Timothy J. Baek 2024-05-18 14:04:35 -07:00
parent 9e60d03911
commit 75491b2f87
2 changed files with 6 additions and 5 deletions

View File

@ -54,7 +54,7 @@
};
</script>
<div class=" flex w-full user-message" dir="{$settings.chatDirection}">
<div class=" flex w-full user-message" dir={$settings.chatDirection}>
{#if !($settings?.chatBubble ?? true)}
<ProfileImage
src={message.user
@ -239,7 +239,7 @@
>
{#if !($settings?.chatBubble ?? true)}
{#if siblings.length > 1}
<div class="flex self-center">
<div class="flex self-center" dir="ltr">
<button
class="self-center p-1 hover:bg-black/5 dark:hover:bg-white/5 dark:hover:text-white hover:text-black rounded-md transition"
on:click={() => {
@ -368,7 +368,7 @@
{#if $settings?.chatBubble ?? true}
{#if siblings.length > 1}
<div class="flex self-center">
<div class="flex self-center" dir="ltr">
<button
class="self-center p-1 hover:bg-black/5 dark:hover:bg-white/5 dark:hover:text-white hover:text-black rounded-md transition"
on:click={() => {

View File

@ -141,14 +141,15 @@
}}
>
<button
class=" flex rounded-xl p-1.5 w-full hover:bg-gray-100 dark:hover:bg-gray-850 transition"
class="select-none flex rounded-xl p-1.5 w-full hover:bg-gray-100 dark:hover:bg-gray-850 transition"
aria-label="User Menu"
>
<div class=" self-center">
<img
src={$user.profile_image_url}
class=" size-6 object-cover rounded-full"
class="size-6 object-cover rounded-full"
alt="User profile"
draggable="false"
/>
</div>
</button>