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

ED:Font color

Browse source
This commit is contained in:
supalerk-ar66 2026-01-14 10:20:06 +07:00
parent d8d3dff2e7
commit 563564ee58
14 changed files with 162 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -94,7 +94,7 @@ const filteredCourses = computed(() => {
<div v-if="!showDetail">
<!-- Search & Filters Header -->
<div class="flex justify-between items-center mb-6" style="flex-wrap: wrap; gap: 16px;">
<h1 style="font-size: 28px; font-weight: 700; color: #000000;">รายการคอร์สทั้งหมด</h1>
<h1 class="text-[28px] font-bold text-slate-900 dark:text-white">รายการคอร์สทั้งหมด</h1>
<div class="flex gap-3" style="flex-wrap: wrap;">
<!-- Search Input -->
<div class="relative">
@ -212,7 +212,7 @@ const filteredCourses = computed(() => {
</div>
</div>
<h1 style="font-size: 32px; font-weight: 700; margin-bottom: 16px; color: #000000;">เบื้องต้นการออกแบบ UX/UI</h1>
<h1 class="text-[32px] font-bold mb-4 text-slate-900 dark:text-white">เบื้องต้นการออกแบบ UX/UI</h1>
<p class="text-slate-700 dark:text-slate-400 mb-6" style="font-size: 1.1em; line-height: 1.7;">
เนื้อหาครอบคลุมทุกอย่างตั้งแต่การวิจัยผู้ใช้ (User Research) ไปจนถึงการทำต้นแบบความละเอียดสูง (High-fidelity Prototyping)
เหมาะสำหรับผู้เริ่มต้นที่ต้องการเข้าสู่สายงานออกแบบผลิตภัณฑ์
@ -220,7 +220,7 @@ const filteredCourses = computed(() => {
<!-- Learning Objectives -->
<div class="card mb-6">
<h3 class="font-bold mb-4" style="color: #000000;">สิ่งที่คุณจะได้เรียนรู้</h3>
<h3 class="font-bold mb-4 text-slate-900 dark:text-white">สิ่งที่คุณจะได้เรียนรู้</h3>
<ul class="grid-12" style="grid-template-columns: 1fr 1fr; gap: 12px;">
<li class="flex gap-2 text-sm"><span style="color: var(--success);">✓</span> วิธีการวิจัยผู้ใช้ (User Research)</li>
<li class="flex gap-2 text-sm"><span style="color: var(--success);">✓</span> การวาดโครงร่างและทำต้นแบบ</li>
@ -231,11 +231,11 @@ const filteredCourses = computed(() => {
<!-- Course Syllabus / Outline -->
<div class="card">
<h3 class="font-bold mb-4" style="color: #000000;">เนื้อหาในคอร์ส</h3>
<h3 class="font-bold mb-4 text-slate-900 dark:text-white">เนื้อหาในคอร์ส</h3>
<!-- Chapter 1 -->
<div class="mb-4">
<div class="flex justify-between p-4 rounded mb-2" style="background: #f3f4f6; border: 1px solid #e5e7eb;">
<span class="font-bold" style="color: #000000;">01. บทนำ</span>
<span class="font-bold text-slate-900 dark:text-slate-900">01. บทนำ</span>
<span class="text-sm text-slate-600 dark:text-slate-400">3 บทเรียน</span>
</div>
<div style="padding-left: 16px;">