Ramsey99 / Admin_Dashboard

Admin dashboard project for a bus transport organization
https://admin-dashboard-plum-theta.vercel.app
30 stars 71 forks source link

Add Up and Down Arrows for Carousel Navigation #123

Open Vishwajeet594 opened 1 month ago

Vishwajeet594 commented 1 month ago

What does this PR do?

(Provide a description of what this PR does.)

Test Plan

(Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)

Related PRs and Issues #77

(If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

Have you read the Contributing Guidelines on issues?

(Write your answer here.)

Description: This PR updates the carousel navigation on the client section by adding up and down arrows instead of left and right, following the new design requirement. The arrows are placed to the right of the image box, with the "up" arrow at the top and the "down" arrow at the bottom.

**Font Awesome Icons Added:

Used Font Awesome icons for up (\f077) and down (\f078) arrows.** Applied CSS ::before pseudo-elements to render the icons inside the .owl-prev and .owl-next navigation buttons.

before

Screenshot 2024-10-12 005053

after

Screenshot 2024-10-18 021136