chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: Implement course discovery and catalog page with browsing, filtering, and detail view.

Browse source
This commit is contained in:
supalerk-ar66 2026-01-16 10:35:25 +07:00
parent 1d8acaf7d7
commit ec54160a5e
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Frontend-Learner/.nuxt/tailwind/postcss.mjs
View file

@ -1,4 +1,4 @@
// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 16/1/2569 10:18:22 // generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 16/1/2569 10:34:40
import "@nuxtjs/tailwindcss/config-ctx" import "@nuxtjs/tailwindcss/config-ctx"
import configMerger from "@nuxtjs/tailwindcss/merger"; import configMerger from "@nuxtjs/tailwindcss/merger";

12
Frontend-Learner/pages/browse/discovery.vue
View file

@ -345,19 +345,19 @@ const filteredCourses = computed(() => {
class="grid-12" class="grid-12"
style="grid-template-columns: 1fr 1fr; gap: 12px" style="grid-template-columns: 1fr 1fr; gap: 12px"
> >
<li class="flex gap-2 text-sm"> <li class="flex gap-2 text-sm text-slate-700 dark:text-slate-300">
<span style="color: var(--success)">✓</span> วิธีการวิจัยผู้ใช้ <span style="color: var(--success)">✓</span> วิธีการวิจัยผู้ใช้
(User Research) (User Research)
</li> </li>
<li class="flex gap-2 text-sm"> <li class="flex gap-2 text-sm text-slate-700 dark:text-slate-300">
<span style="color: var(--success)">✓</span> <span style="color: var(--success)">✓</span>
การวาดโครงร่างและทำต้นแบบ การวาดโครงร่างและทำต้นแบบ
</li> </li>
<li class="flex gap-2 text-sm"> <li class="flex gap-2 text-sm text-slate-700 dark:text-slate-300">
<span style="color: var(--success)">✓</span> ระบบการออกแบบ <span style="color: var(--success)">✓</span> ระบบการออกแบบ
(Design Systems) (Design Systems)
</li> </li>
<li class="flex gap-2 text-sm"> <li class="flex gap-2 text-sm text-slate-700 dark:text-slate-300">
<span style="color: var(--success)">✓</span> การทดสอบการใช้งาน <span style="color: var(--success)">✓</span> การทดสอบการใช้งาน
(Usability Testing) (Usability Testing)
</li> </li>
@ -387,7 +387,7 @@ const filteredCourses = computed(() => {
class="flex justify-between py-2 border-b" class="flex justify-between py-2 border-b"
style="border-color: var(--neutral-100)" style="border-color: var(--neutral-100)"
> >
<span class="text-sm">1.1 การออกแบบ UX คืออะไร?</span> <span class="text-sm text-slate-700 dark:text-slate-300">1.1 การออกแบบ UX คืออะไร?</span>
<span class="text-sm text-slate-600 dark:text-slate-400" <span class="text-sm text-slate-600 dark:text-slate-400"
>10:00</span >10:00</span
> >
@ -396,7 +396,7 @@ const filteredCourses = computed(() => {
class="flex justify-between py-2 border-b" class="flex justify-between py-2 border-b"
style="border-color: var(--neutral-100)" style="border-color: var(--neutral-100)"
> >
<span class="text-sm" <span class="text-sm text-slate-700 dark:text-slate-300"
>1.2 กระบวนการคิดเชิงออกแบบ (Design Thinking)</span >1.2 กระบวนการคิดเชิงออกแบบ (Design Thinking)</span
> >
<span class="text-sm text-slate-600 dark:text-slate-400" <span class="text-sm text-slate-600 dark:text-slate-400"