feat: Implement default authenticated layout, course card, and app sidebar components.

This commit is contained in:
supalerk-ar66 2026-02-09 17:45:14 +07:00 committed by JakkrapartXD
parent b51a7546e4
commit e34f2d84da
3 changed files with 8 additions and 8 deletions

View file

@ -15,11 +15,11 @@ const toggleLeftDrawer = () => {
</script>
<template>
<q-layout view="hHh LpR lFf" class="!bg-slate-50 dark:!bg-[#020617] !text-slate-900 dark:!text-slate-50 font-sans">
<q-layout view="hHh LpR lFf" class="bg-slate-50 dark:!bg-[#020617] text-slate-900 dark:!text-slate-50 font-sans">
<!-- Header -->
<q-header
bordered
class="!bg-white/80 dark:!bg-[#0f172a]/80 backdrop-blur-md !text-slate-900 dark:!text-white border-b border-slate-200 dark:border-slate-800"
class="bg-white/80 dark:!bg-[#0f172a]/80 backdrop-blur-md text-slate-900 dark:!text-white border-b border-slate-200 dark:border-slate-800"
>
<AppHeader @toggleSidebar="toggleLeftDrawer" />
</q-header>
@ -30,7 +30,7 @@ const toggleLeftDrawer = () => {
show-if-above
bordered
:width="280"
class="!bg-white dark:!bg-[#0f172a] border-r border-slate-200 dark:border-slate-800"
class="bg-white dark:!bg-[#0f172a] border-r border-slate-200 dark:border-slate-800"
>
<AppSidebar />
</q-drawer>