Make components RTL compatible

2023-08-10 14:47:19 -04:00
parent 0d7f2eb683
commit c0c4cd1ccf
20 changed files with 43 additions and 37 deletions
--- a/src/components/ui/Timeline.astro
+++ b/src/components/ui/Timeline.astro
@ -29,7 +29,7 @@ const {
          index = 0
        ) => (
          <div class={twMerge("flex", panelClass, itemClasses?.panel)}>
-            <div class="flex flex-col items-center mr-4">
+            <div class="flex flex-col items-center mr-4 rtl:mr-0 rtl:ml-4">
              <div>
                <div class="flex items-center justify-center">
                  {(icon || defaultIcon) && (