create courses page

This commit is contained in:
HAM!DREZA
2024-05-15 16:09:09 +03:30
parent 1332ec0215
commit bf2b3769bf
11 changed files with 486 additions and 187 deletions
+47 -35
View File
@@ -143,29 +143,33 @@
xmlns="http://www.w3.org/2000/svg"
>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/' }"
d="M6.94 2.5H18.05C21.61 2.5 22.5 3.39 22.5 6.94V13.27C22.5 16.83 21.61 17.71 18.06 17.71H6.94C3.39 17.72 2.5 16.83 2.5 13.28V6.94C2.5 3.39 3.39 2.5 6.94 2.5Z"
stroke="#0D3F40"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/' }"
d="M12.5 17.72V22.5"
stroke="#0D3F40"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/' }"
d="M2.5 13.5H22.5"
stroke="#0D3F40"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/' }"
d="M8 22.5H17"
stroke="#0D3F40"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
@@ -175,38 +179,46 @@
صفحه اصلی
</span>
</nuxt-link>
<span class="flexBox gap-[0.8vw]">
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
<nuxt-link to="/courses">
<span class="flexBox gap-[0.8vw]"
:class="{ 'text-primaryGreen': $route.path === '/courses' }"
>
<path
d="M10.55 3.03004L4.53002 6.96004C2.60002 8.22004 2.60002 11.04 4.53002 12.3L10.55 16.23C11.63 16.94 13.41 16.94 14.49 16.23L20.48 12.3C22.4 11.04 22.4 8.23004 20.48 6.97004L14.49 3.04004C13.41 2.32004 11.63 2.32004 10.55 3.03004Z"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M6.13012 13.58L6.12012 18.27C6.12012 19.54 7.10012 20.9 8.30012 21.3L11.4901 22.36C12.0401 22.54 12.9501 22.54 13.5101 22.36L16.7001 21.3C17.9001 20.9 18.8801 19.54 18.8801 18.27V13.63"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M21.8999 15.5V9.5"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
دوره های آموزشی
</span>
<svg
width="1.302vw"
height="1.302vw"
viewBox="0 0 25 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/courses' }"
d="M10.55 3.03004L4.53002 6.96004C2.60002 8.22004 2.60002 11.04 4.53002 12.3L10.55 16.23C11.63 16.94 13.41 16.94 14.49 16.23L20.48 12.3C22.4 11.04 22.4 8.23004 20.48 6.97004L14.49 3.04004C13.41 2.32004 11.63 2.32004 10.55 3.03004Z"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/courses' }"
d="M6.13012 13.58L6.12012 18.27C6.12012 19.54 7.10012 20.9 8.30012 21.3L11.4901 22.36C12.0401 22.54 12.9501 22.54 13.5101 22.36L16.7001 21.3C17.9001 20.9 18.8801 19.54 18.8801 18.27V13.63"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:class="{ 'stroke-primaryGreen': $route.path === '/courses' }"
d="M21.8999 15.5V9.5"
stroke="#383E43"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
دوره های آموزشی
</span>
</nuxt-link>
<span class="flexBox gap-[0.8vw]">
<svg
width="1.302vw"
+1 -1
View File
@@ -126,7 +126,7 @@
$route.path === '/reset-password' ||
$route.path === '/new-password',
}"
class="px-[5vw] flex justify-around items-center md:hidden h-[19.479vw] shadow-2xl border-t"
class="fixed bottom-0 px-[5vw] flex bg-white w-full justify-around items-center md:hidden h-[19.479vw] shadow-2xl border-t"
>