diff --git a/Dlearn_front.zip b/Dlearn_front.zip new file mode 100644 index 0000000..861f4ac Binary files /dev/null and b/Dlearn_front.zip differ diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index b60cdec..d70f03b 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -42,3 +42,33 @@ body { @apply w-[87.69%] md:w-[81.04%] flex flex-col justify-center mt-[18vw] md:mt-[4.688vw] px-[3.846vw] md:px-[1.563vw] bg-[#F8F8F8] rounded-[3.846vw] md:rounded-[0.781vw] } } +@media (max-width: 768px) { + .tabs-component .tabs-component-tab .is-active::before{ + height: 0vw !important; + } + .tabs-component .tabs-component-tab .is-active p{ + background-color: #D3EDED; + } + .scrolBar{ + padding: 0vw 1.5vw; + overflow: auto; + white-space: nowrap; +background-color: #FDFAFC; +box-shadow: 0px 0px 5px 0px #A6228626; +width: 87.692vw; +height: 13.077vw; +display: flex; +align-items: center; +border-radius: 3.846vw; + } + .scrolBar::-webkit-scrollbar { + display: none; + } + + /* Hide scrollbar for IE, Edge and Firefox */ + .scrolBar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ + } + + } diff --git a/components/ProgressCard.vue b/components/ProgressCard.vue new file mode 100644 index 0000000..fe2a2b8 --- /dev/null +++ b/components/ProgressCard.vue @@ -0,0 +1,108 @@ + + + + \ No newline at end of file diff --git a/components/courses-page/Courses-list.vue b/components/courses-page/Courses-list.vue index 85068d6..2a699d3 100644 --- a/components/courses-page/Courses-list.vue +++ b/components/courses-page/Courses-list.vue @@ -9,8 +9,8 @@ class="text-[0.741vw] text-[#383E43] flex items-center gap-[0.5vw] pb-[0.681vw]" >