elearning/Frontend-Learner/layouts/landing.vue
supalerk-ar66 3fa236cff5
All checks were successful
Build and Deploy Frontend Learner / Build Frontend Learner Docker Image (push) Successful in 41s
Build and Deploy Frontend Learner / Deploy E-learning Frontend Learner to Dev Server (push) Successful in 4s
Build and Deploy Frontend Learner / Notify Deployment Status (push) Successful in 1s
feat: Implement initial application layouts, global navigation, and course browsing pages with i18n support.
2026-02-18 16:28:29 +07:00

41 lines
886 B
Vue

<script setup lang="ts">
const $q = useQuasar()
// บังคับให้หน้า Landing Page เคลียร์ Dark Mode ของระบบทิ้ง
useHead({
htmlAttrs: {
class: 'light',
style: 'background-color: #ffffff'
},
bodyAttrs: {
class: 'light',
style: 'background-color: #ffffff'
}
})
onMounted(() => {
$q.dark.set(false)
})
</script>
<template>
<q-layout view="lHh LpR lFf" class="bg-white text-slate-900">
<!-- Header (Transparent & Overlay) -->
<q-header class="bg-transparent" style="height: auto;">
<LandingHeader />
</q-header>
<!-- Main Content -->
<!-- padding-top: 0 forces content to go under the header (Hero effect) -->
<q-page-container style="padding-top: 0 !important;">
<q-page>
<slot />
</q-page>
</q-page-container>
</q-layout>
</template>