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

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

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