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> </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)} {#if !($settings?.chatBubble ?? true)}
<ProfileImage <ProfileImage
src={message.user src={message.user
@ -239,7 +239,7 @@
> >
{#if !($settings?.chatBubble ?? true)} {#if !($settings?.chatBubble ?? true)}
{#if siblings.length > 1} {#if siblings.length > 1}
<div class="flex self-center"> <div class="flex self-center" dir="ltr">
<button <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" 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={() => { on:click={() => {
@ -368,7 +368,7 @@
{#if $settings?.chatBubble ?? true} {#if $settings?.chatBubble ?? true}
{#if siblings.length > 1} {#if siblings.length > 1}
<div class="flex self-center"> <div class="flex self-center" dir="ltr">
<button <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" 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={() => { on:click={() => {

View File

@ -141,14 +141,15 @@
}} }}
> >
<button <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" aria-label="User Menu"
> >
<div class=" self-center"> <div class=" self-center">
<img <img
src={$user.profile_image_url} src={$user.profile_image_url}
class=" size-6 object-cover rounded-full" class="size-6 object-cover rounded-full"
alt="User profile" alt="User profile"
draggable="false"
/> />
</div> </div>
</button> </button>