This commit is contained in:
HAM!DREZA
2024-06-19 21:03:07 +03:30
parent 3f9e0d7615
commit 607ead8528
20 changed files with 869 additions and 298 deletions
+3 -14
View File
@@ -397,19 +397,8 @@ const { data, refresh, pending } = await useFetch(() => "/api/course", {
watch(search, () => {
query.value = { name: search.value };
refresh();
console.log("data", data.value.courses.length);
//// console.log(search.value.length);
});
// watch(showSearchBox.value === false, () =>{
// // showSearchBox.value = null
// console.log('s');
// })
// function logClick(isInside) {
// if (isInside) {
// console.log("لاگ صحیح: داخل input کلیک شد.");
// } else {
// showSearchBox.value = false;
// }
// }
});
</script>
+45 -6
View File
@@ -1,10 +1,30 @@
<template>
<div class="flex w-full justify-center">
<main
class="flex flex-col md:flex-row justify-between mt-0 md:mt-[10.521vw] w-full md:w-[81.55vw]"
<div
class="flex w-full justify-center">
<main
:class="{'md:mt-[10.521vw]' :
$route.path === '/account' ||
$route.path === '/account/my-courses' ||
$route.path === '/account/tickets' ||
$route.path === '/account/wallet' ||
$route.path === '/account/profile'
}"
class="flex flex-col md:flex-row justify-between mt-0 w-full md:w-[81.55vw]"
>
<div
class="borderBottom relative flexBox flex-row md:flex-col md:w-[18.75vw] h-[20.256vw] md:h-[31.771vw] md:bg-[#FAFDFD] rounded-[0.781vw] pinkShadow"
:class="{'!flex' :
$route.path === '/account' ||
$route.path === '/account/my-courses' ||
$route.path === '/account/tickets' ||
$route.path === '/account/wallet' ||
$route.path === '/account/profile'
}"
class="borderBottom relative hidden justify-center items-center flex-row md:flex-col md:w-[18.75vw] h-[20.256vw] md:h-[31.771vw] md:bg-[#FAFDFD] rounded-[0.781vw] pinkShadow"
>
<svg
class="hidden md:block mt-[1vw] h-[6.458vw] w-[6.458vw]"
@@ -240,8 +260,27 @@
</ul>
</div>
<div class="w-[87.692vw] mx-auto md:mx-0 md:w-[61.6vw] min-h-[40vw] pb-[25vw] md:pb-0">
<div class="flex justify-between mb-[2.6vw]">
<div
:class="{'w-[87.692vw] md:w-[61.6vw]' :
$route.path === '/account' ||
$route.path === '/account/my-courses' ||
$route.path === '/account/tickets' ||
$route.path === '/account/wallet' ||
$route.path === '/account/profile'
}"
class=" mx-auto md:mx-0 min-h-[40vw] pb-[25vw] md:pb-0">
<div
:class="{'!flex' :
$route.path === '/account' ||
$route.path === '/account/my-courses' ||
$route.path === '/account/tickets' ||
$route.path === '/account/wallet' ||
$route.path === '/account/profile'
}"
class="hidden justify-between mb-[2.6vw]">
<p
class="py-[2vw] md:py-0 text-[17.72px] md:text-[1.502vw] text-[#383E43] mt-[0.417vw]"
>