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

feat: implement initial e-learning frontend UI, including course details, layout, navigation, and dashboard components.

Browse source
This commit is contained in:
supalerk-ar66 2026-02-09 17:26:58 +07:00
parent a54251f11e
commit a8339ed0ab
8 changed files with 99 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Frontend-Learner/layouts/default.vue
View file

@ -15,11 +15,11 @@ const toggleLeftDrawer = () => {
</script>
<template>
<q-layout view="hHh LpR lFf" class="!bg-slate-50 dark:!bg-[#0f172a] !text-slate-900 dark:!text-white 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-[#1e293b]/80 backdrop-blur-md !text-slate-900 dark:!text-white border-b border-slate-200 dark:border-slate-700"
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-[#1e293b] border-r border-slate-200 dark:border-slate-700"
class="!bg-white dark:!bg-[#0f172a] border-r border-slate-200 dark:border-slate-800"
>
<AppSidebar />
</q-drawer>