LGCC
/
cdrdpyj
4
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fixed arrows direction in carousel for hebrew

This commit is contained in:
Esteban 2026-04-05 11:59:49 -05:00
parent 25faebf2c5
commit 6ad1d68357
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/section/CarouselSection.astro
View File

@ -4,6 +4,8 @@ import "swiper/css";
import "swiper/css/navigation"; import "swiper/css/navigation";
import "swiper/css/pagination"; import "swiper/css/pagination";
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
const isHebrew = Astro.currentLocale === "he";
const { images, class: className } = Astro.props; const { images, class: className } = Astro.props;
--- ---
@ -36,10 +38,12 @@ const { images, class: className } = Astro.props;
<!-- If we need navigation buttons --> <!-- If we need navigation buttons -->
<div class="swiper-button-prev"> <div class="swiper-button-prev">
<Icon name="ph:arrow-circle-left-thin" class="text-white" /> {isHebrew && <Icon name="ph:arrow-circle-right-thin" class="text-white" />}
{!isHebrew && <Icon name="ph:arrow-circle-left-thin" class="text-white" />}
</div> </div>
<div class="swiper-button-next"> <div class="swiper-button-next">
<Icon name="ph:arrow-circle-right-thin" class="text-white" /> {isHebrew && <Icon name="ph:arrow-circle-left-thin" class="text-white" />}
{!isHebrew && <Icon name="ph:arrow-circle-right-thin" class="text-white" />}
</div> </div>
</div> </div>
</div> </div>