chamomind/elearning
6
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

16
Frontend-Learner/pages/dashboard/announcements.vue
View file

@ -20,7 +20,7 @@ useHead({
<template>
<div>
<!-- Page Header -->
<h1 style="font-size: 28px; font-weight: 700; margin-bottom: 24px;">ประกาศ</h1>
<h1 class="text-[28px] font-bold mb-6 text-slate-900 dark:text-white">ประกาศ</h1>
<!--
Main Layout: 12-column Grid
@ -40,7 +40,7 @@ useHead({
<span class="status-pill status-warning">สำคัญ</span>
<span class="text-sm text-slate-600 dark:text-slate-400">24 ธ.ค. 2024</span>
</div>
<h2 class="font-bold mb-4" style="font-size: 1.25rem;">แจ้งปิดปรับปรุงระบบ</h2>
<h2 class="text-xl font-bold mb-4 text-slate-900 dark:text-white">แจ้งปิดปรับปรุงระบบ</h2>
<p class="mb-4">เราจะทำการปิดปรับปรุงระบบในวันที่ 25 ธ.ค. เวลา 02:00 - 04:00 น. ขออภัยในความไม่สะดวก</p>
<!-- Attachment Block -->
<div class="flex items-center gap-2 p-3 rounded" style="background: var(--neutral-50); border: 1px solid var(--border-color); width: fit-content;">
@ -53,7 +53,7 @@ useHead({
<div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
<div>
<span class="status-pill status-neutral mb-2">เบื้องต้นการออกแบบ UX/UI</span>
<h3 class="font-bold">เริ่มเปิดหลักสูตรเดือนมกราคมแล้ว!</h3>
<h3 class="font-bold text-slate-900 dark:text-white">เริ่มเปิดหลักสูตรเดือนมกราคมแล้ว!</h3>
</div>
<span class="text-sm text-slate-600 dark:text-slate-400">23 ธ.ค. 2024</span>
</div>
@ -66,7 +66,7 @@ useHead({
<div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
<div>
<span class="status-pill status-neutral mb-2">การเข้าถึงเว็บ (WCAG)</span>
<h3 class="font-bold">ดาวน์โหลดเอกสารประกอบการเรียนได้แล้ว</h3>
<h3 class="font-bold text-slate-900 dark:text-white">ดาวน์โหลดเอกสารประกอบการเรียนได้แล้ว</h3>
</div>
<span class="text-sm text-slate-600 dark:text-slate-400">22 ธ.ค. 2024</span>
</div>
@ -82,7 +82,7 @@ useHead({
<div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
<div>
<span class="status-pill status-neutral mb-2">รูปแบบ React ขั้นสูง</span>
<h3 class="font-bold">อัปเดตบทเรียนใหม่: React Server Components</h3>
<h3 class="font-bold text-slate-900 dark:text-white">อัปเดตบทเรียนใหม่: React Server Components</h3>
</div>
<span class="text-sm text-slate-600 dark:text-slate-400">21 ธ.ค. 2024</span>
</div>
@ -93,7 +93,7 @@ useHead({
<!-- Announcement: General New Course -->
<div class="card mb-4">
<div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
<h3 class="font-bold">คอร์สใหม่: Advanced Python</h3>
<h3 class="font-bold text-slate-900 dark:text-white">คอร์สใหม่: Advanced Python</h3>
<span class="text-sm text-slate-600 dark:text-slate-400">20 ธ.ค. 2024</span>
</div>
<p class="text-slate-700 dark:text-slate-300 mb-2">พบกับคอร์สใหม่ล่าสุด เรียนรู้โครงสร้างข้อมูล Python...</p>
@ -103,7 +103,7 @@ useHead({
<!-- Announcement: Platform Update -->
<div class="card mb-4">
<div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
<h3 class="font-bold">ยินดีต้อนรับสู่ดีไซน์ใหม่!</h3>
<h3 class="font-bold text-slate-900 dark:text-white">ยินดีต้อนรับสู่ดีไซน์ใหม่!</h3>
<span class="text-sm text-slate-600 dark:text-slate-400">15 ธ.ค. 2024</span>
</div>
<p class="text-slate-700 dark:text-slate-300 mb-2">เราปรับโฉมใหม่ไฉไลกว่าเดิม เพื่อการใช้งานที่ดียิ่งขึ้น...</p>
@ -117,7 +117,7 @@ useHead({
========================================== -->
<div class="col-span-4">
<div class="card">
<h3 class="font-bold mb-4">หมวดหมู่</h3>
<h3 class="font-bold mb-4 text-slate-900 dark:text-white">หมวดหมู่</h3>
<ul class="flex flex-col gap-2">
<!-- Filter Option: All -->
<li class="flex justify-between items-center p-2 rounded cursor-pointer" style="background: var(--neutral-50);">