Make the margin and avatar support both LTR and RTL

This commit is contained in:
Ido Henri Mamia 2024-05-16 23:29:33 +03:00
parent 97f1d1665a
commit 2e77ad87cc
2 changed files with 4 additions and 2 deletions

View File

@ -1,3 +1,3 @@
<div class=" self-center font-bold mb-0.5 capitalize line-clamp-1"> <div class=" self-center font-bold mb-0.5 capitalize line-clamp-1 contents">
<slot /> <slot />
</div> </div>

View File

@ -1,7 +1,9 @@
<script lang="ts"> <script lang="ts">
import { settings } from '$lib/stores';
export let src = '/user.png'; export let src = '/user.png';
</script> </script>
<div class=" mr-4"> <div class={$settings?.chatDirection === 'LTR' ? "mr-4" : "ml-4"}>
<img {src} class=" max-w-[28px] object-cover rounded-full" alt="profile" draggable="false" /> <img {src} class=" max-w-[28px] object-cover rounded-full" alt="profile" draggable="false" />
</div> </div>