feat: add rtl for tools

Signed-off-by: viktoriabakun <[email protected]>
haqq-network · Jan 22, 2025 · 0fb6263 · 0fb6263
1 parent afe3fd8
commit 0fb6263
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/libs/address-conversion/src/lib/address-conversion-page.tsx b/libs/address-conversion/src/lib/address-conversion-page.tsx
@@ -102,9 +102,9 @@ export function AddressConversionPage() {
 
       <Container className="border-haqq-border bg-haqq-black/15 border-t-[1px] backdrop-blur">
         <div className="font-guise flex flex-col py-[32px] sm:py-[22px] lg:py-[32px]">
-          <div className="mb-[24px] flex flex-row items-center">
+          <div className="mb-[24px] flex flex-row items-center gap-2">
             <WalletIcon />
-            <Heading level={3} className="mb-[-2px] ml-[8px]">
+            <Heading level={3} className="mb-[-2px]">
               Bech32 / EVM
             </Heading>
           </div>

diff --git a/libs/authz/src/lib/authz-grants-actions.tsx b/libs/authz/src/lib/authz-grants-actions.tsx
@@ -318,7 +318,7 @@ export function AuthzGrantsActions() {
               </Heading>
             </div>
 
-            <div className="flex flex-col gap-[16px] lg:flex-row lg:gap-[36px] lg:pr-[40px]">
+            <div className="flex flex-col gap-[16px] lg:flex-row lg:gap-[36px] lg:pe-[40px]">
               <div className="flex-1">
                 <div className="flex flex-col gap-[18px]">
                   <div className="flex flex-col gap-[8px]">
@@ -437,7 +437,7 @@ export function AuthzGrantsActions() {
           <div className="relative flex-none lg:min-w-[520px]">
             <div
               className={clsx(
-                'xl:absolute xl:right-0 xl:top-[50%] xl:min-w-full xl:translate-y-[-50%]',
+                'xl:absolute xl:end-0 xl:top-[50%] xl:min-w-full xl:translate-y-[-50%]',
                 '2xl:translate-x-[-10%]',
                 'py-[32px] sm:py-[22px] lg:pb-[40px] lg:pt-[32px] xl:py-[0px]',
               )}

diff --git a/libs/faucet/src/lib/faucet-page.tsx b/libs/faucet/src/lib/faucet-page.tsx
@@ -201,9 +201,9 @@ export function FaucetPage({
             >
               <div className="flex flex-col gap-[16px]">
                 <div className="flex flex-row items-center justify-between">
-                  <div className="flex flex-row items-center">
+                  <div className="flex flex-row items-center gap-2">
                     <WalletIcon />
-                    <Heading level={3} className="mb-[-2px] ml-[8px]">
+                    <Heading level={3} className="mb-[-2px]">
                       {t('wallet', 'Wallet', { ns: 'faucet' })}
                     </Heading>
                   </div>
@@ -245,7 +245,7 @@ export function FaucetPage({
               </div>
 
               <div className="flex flex-col gap-[16px]">
-                <div className="flex flex-row items-center">
+                <div className="flex flex-row items-center gap-2">
                   <svg
                     viewBox="0 0 24 24"
                     fill="none"
@@ -260,7 +260,7 @@ export function FaucetPage({
                     />
                   </svg>
 
-                  <Heading level={3} className="mb-[-2px] ml-[8px]">
+                  <Heading level={3} className="mb-[-2px]">
                     {t('github', 'Github', { ns: 'faucet' })}
                   </Heading>
                 </div>
@@ -297,9 +297,9 @@ export function FaucetPage({
 
             {isAuthenticated && address && (
               <div className="flex flex-col gap-[16px] rounded-b-[8px] bg-[#FFFFFF26] p-[24px] lg:p-[32px]">
-                <div className="flex flex-row items-center">
+                <div className="flex flex-row items-center gap-2">
                   <EarnIcon className="h-[26px] w-[26px]" />
-                  <Heading level={3} className="mb-[-2px] ml-[8px]">
+                  <Heading level={3} className="mb-[-2px]">
                     {t('claim-tokens', 'Claim tokens', { ns: 'faucet' })}
                   </Heading>
                 </div>