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

feat: Implement initial application layout, header, course discovery, and dashboard pages with Thai localization.

Browse source
This commit is contained in:
supalerk-ar66 2026-02-09 14:47:02 +07:00
parent 0fc67bf9c3
commit 38969c7169
5 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -173,7 +173,7 @@ onMounted(() => {
<!-- RIGHT CONTENT: Course Grid -->
<div class="flex-1 w-full">
<template v-if="filteredCourses.length > 0">
<div v-if="filteredCourses.length > 0" class="flex flex-col gap-12">
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
<CourseCard
v-for="course in filteredCourses"
@ -185,7 +185,7 @@ onMounted(() => {
</div>
<!-- Pagination Controls -->
<div v-if="totalPages > 1" class="flex justify-center mt-12 pb-10">
<div v-if="totalPages > 1" class="flex justify-center pb-10">
<q-pagination
v-model="currentPage"
:max="totalPages"
@ -199,7 +199,7 @@ onMounted(() => {
@update:model-value="loadCourses"
/>
</div>
</template>
</div>
<!-- Empty State -->
<div

4
Frontend-Learner/pages/dashboard/index.vue
View file

@ -58,7 +58,9 @@ onMounted(async () => {
<div class="welcome-section mb-8 overflow-hidden relative rounded-3xl p-8 md:p-10 text-white shadow-lg dark:shadow-2xl dark:shadow-blue-900/20 transition-all">
<div class="relative z-10 flex flex-col md:flex-row justify-between items-center gap-8">
<div>
<h1 class="text-4xl md:text-5xl font-black mb-3 slide-up tracking-tight text-white dark:text-white">{{ $t('dashboard.welcomeTitle') }}, {{ currentUser?.firstName }}!</h1>
<ClientOnly>
<h1 class="text-4xl md:text-5xl font-black mb-3 slide-up tracking-tight text-white dark:text-white">{{ $t('dashboard.welcomeTitle') }}, {{ currentUser?.firstName }}!</h1>
</ClientOnly>
<p class="text-lg slide-up font-medium text-blue-100" style="animation-delay: 0.1s;">{{ $t('dashboard.welcomeSubtitle') }}</p>
</div>
<div class="stats-mini flex gap-6 slide-up" style="animation-delay: 0.2s;"/>