Skip to content

Commit

Permalink
Dashboard animation edits
Browse files Browse the repository at this point in the history
  • Loading branch information
asmaamostafa74 committed Nov 18, 2024
1 parent 7ac0c49 commit d81f7d3
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions src/dashboard.html
Original file line number Diff line number Diff line change
Expand Up @@ -125,10 +125,10 @@ <h2 class="text-lg font-semibold mb-4">Confirm Log-out</h2>
<!-- Content -->
<div class="flex-1">
<!-- Dashboard Page -->
<div x-show="activePage === 'dashboard'" x-transition:enter="transition ease-out duration-300"
<div x-show="activePage === 'dashboard'" x-transition:enter="transition ease-out duration-500"
x-transition:enter-start="opacity-0 translate-y-full"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-300"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-full"
x-cloak>
Expand Down Expand Up @@ -296,13 +296,13 @@ <h2 class="text-[#191C1F] font-medium text-sm uppercase">Recent Order</h2>
</div>

<!-- Order History Page -->
<div x-show="activePage === 'orderHistory'" x-transition:enter="transition ease-out duration-300"
<div x-show="activePage === 'orderHistory'" x-transition:enter="transition ease-out duration-500"
x-transition:enter-start="opacity-0 translate-y-full"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-300"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-full"
x-cloak >
x-cloak>
<section class="container mx-auto flex gap-16 mb-[72px]">
<div class="w-[370px] md:w-[984px] md:px-0 px-2">
<div class="bg-white border border-[#E4E7E9] rounded-[4px] overflow-hidden">
Expand Down Expand Up @@ -428,10 +428,10 @@ <h2 class="text-[#191C1F] font-medium text-sm uppercase">Recent Order</h2>
</div>

<!-- Track Order -->
<div x-show="activePage === 'trackOrder'" x-transition:enter="transition ease-out duration-300"
<div x-show="activePage === 'trackOrder'" x-transition:enter="transition ease-out duration-500"
x-transition:enter-start="opacity-0 translate-y-full"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-300"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-full"
x-cloak>
Expand Down Expand Up @@ -462,10 +462,10 @@ <h1 class="text-[#191C1F] text-[32px] font-semibold leading-[40px]">Track Order<
<!-- Track Order -->

<!-- Wishlist -->
<div x-show="activePage === 'Wishlist'" x-transition:enter="transition ease-out duration-300"
<div x-show="activePage === 'Wishlist'" x-transition:enter="transition ease-out duration-500"
x-transition:enter-start="opacity-0 translate-y-full"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-300"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-full"
x-cloak>
Expand Down Expand Up @@ -587,13 +587,13 @@ <h1 class="pt-6 ltr:pl-[32px] rtl:pr-[32px] text-[#191C1F] font-medium text-lg">
<!-- Wishlist -->

<!-- Setting -->
<div x-show="activePage === 'dashboardSetting'" x-transition:enter="transition ease-out duration-300"
<div x-show="activePage === 'dashboardSetting'" x-transition:enter="transition ease-out duration-500"
x-transition:enter-start="opacity-0 translate-y-full"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-300"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-full"
x-cloak >
x-cloak>
<section class="container mx-auto flex gap-16 mb-[72px]">
<div class="md:px-0 px-2">
<!-- Account Info -->
Expand Down

0 comments on commit d81f7d3

Please sign in to comment.