From 1b9119e6069585168ee59fae8f0cd5549399364b Mon Sep 17 00:00:00 2001 From: supalerk-ar66 Date: Thu, 19 Feb 2026 10:39:44 +0700 Subject: [PATCH 01/21] feat: Implement core application UI with new headers, navigation, and initial pages. --- .../components/layout/AppHeader.vue | 75 ++--- .../components/layout/LandingHeader.vue | 13 +- Frontend-Learner/composables/useNavItems.ts | 8 +- Frontend-Learner/layouts/default.vue | 9 +- Frontend-Learner/pages/browse/index.vue | 21 +- Frontend-Learner/pages/browse/recommended.vue | 11 +- Frontend-Learner/pages/dashboard/index.vue | 293 +++++++++++++----- Frontend-Learner/pages/index.vue | 70 ++--- Frontend-Learner/คู่มืออธิบาย/ED.md | 35 +++ Frontend-Learner/คู่มืออธิบาย/Error.md | 0 10 files changed, 345 insertions(+), 190 deletions(-) create mode 100644 Frontend-Learner/คู่มืออธิบาย/ED.md delete mode 100644 Frontend-Learner/คู่มืออธิบาย/Error.md diff --git a/Frontend-Learner/components/layout/AppHeader.vue b/Frontend-Learner/components/layout/AppHeader.vue index 373e8dfe..b8ef5613 100644 --- a/Frontend-Learner/components/layout/AppHeader.vue +++ b/Frontend-Learner/components/layout/AppHeader.vue @@ -19,16 +19,15 @@ const searchText = ref('') - + diff --git a/Frontend-Learner/error.vue b/Frontend-Learner/error.vue index 4d957a3b..75540c71 100644 --- a/Frontend-Learner/error.vue +++ b/Frontend-Learner/error.vue @@ -86,7 +86,7 @@ const handleError = () => { background-color: var(--bg-body); color: var(--text-main); padding: 24px; - font-family: 'Inter', 'Prompt', 'Sarabun', sans-serif; + font-family: var(--font-main); } .error-content { diff --git a/Frontend-Learner/layouts/default.vue b/Frontend-Learner/layouts/default.vue index 42ef7e83..8bd52170 100644 --- a/Frontend-Learner/layouts/default.vue +++ b/Frontend-Learner/layouts/default.vue @@ -53,6 +53,6 @@ const toggleLeftDrawer = () => { diff --git a/Frontend-Learner/layouts/landing.vue b/Frontend-Learner/layouts/landing.vue index c05167bf..75e90c7e 100644 --- a/Frontend-Learner/layouts/landing.vue +++ b/Frontend-Learner/layouts/landing.vue @@ -36,6 +36,9 @@ onMounted(() => { + + + diff --git a/Frontend-Learner/nuxt.config.ts b/Frontend-Learner/nuxt.config.ts index b3079964..ed929816 100644 --- a/Frontend-Learner/nuxt.config.ts +++ b/Frontend-Learner/nuxt.config.ts @@ -69,7 +69,7 @@ export default defineNuxtConfig({ { rel: "stylesheet", // โหลด Font: Inter, Prompt, Sarabun - href: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Prompt:wght@300;400;500;600;700;800;900&family=Sarabun:wght@300;400;500;600;700;800&display=swap", + href: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Prompt:wght@300;400;500;600;700;800;900&family=Sarabun:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&display=swap", }, ], }, diff --git a/Frontend-Learner/pages/dashboard/index.vue b/Frontend-Learner/pages/dashboard/index.vue index 08ba4d77..191c62b8 100644 --- a/Frontend-Learner/pages/dashboard/index.vue +++ b/Frontend-Learner/pages/dashboard/index.vue @@ -91,17 +91,7 @@ const sideCourses = computed(() => enrolledCourses.value.slice(1, 3))