Changed the direction of the rows

This commit is contained in:
Tiago Ribeiro
2023-10-23 23:55:08 +01:00
parent ea8b20f50c
commit 28d91f1afa
3 changed files with 13 additions and 8 deletions

View File

@@ -27,7 +27,7 @@ export default function Navbar({currentPage, language}: {currentPage: string; la
<Link href="/">
<Image src="/logo_title.png" alt="EnCoach logo" width={80} height={80} />
</Link>
<div className="flex gap-8 items-center w-fit">
<div className={clsx("flex gap-8 items-center w-fit", language === "ar" && "flex-row-reverse")}>
{items.map((item) => (
<Link
key={item.key}
@@ -114,7 +114,7 @@ export default function Navbar({currentPage, language}: {currentPage: string; la
</div>
</div>
</Dialog.Title>
<div className="flex flex-col gap-6 px-8 text-lg">
<div className={clsx("flex flex-col gap-6 px-8 text-lg", language === "ar" && "items-end")}>
{items.map((item) => (
<Link
key={item.key}