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

16
Frontend-Learner/components/user/UserMenu.vue
View file

@ -57,7 +57,7 @@ const handleLogout = async () => {
anchor="bottom end"
self="top end"
:offset="[0, 10]"
content-class="bg-white dark:bg-slate-800 text-slate-900 dark:text-white rounded-2xl shadow-xl border border-slate-200/70 dark:border-white/10"
content-class="bg-white dark:bg-[#0f172a] text-slate-900 dark:text-white rounded-2xl shadow-xl border border-slate-200/70 dark:border-white/5"
style="min-width: 240px;"
>
<q-list class="py-2">
@ -67,16 +67,16 @@ const handleLogout = async () => {
clickable
v-close-popup
@click="navigateTo(item.to)"
class="hover:bg-slate-100 dark:hover:bg-white/10 transition-colors"
class="hover:bg-slate-100 dark:hover:bg-white/5 transition-colors"
>
<q-item-section>
<q-item-label class="font-bold text-sm text-slate-800 dark:text-white">{{ item.label }}</q-item-label>
<q-item-label class="font-bold text-sm text-slate-800 dark:text-slate-100">{{ item.label }}</q-item-label>
</q-item-section>
</q-item>
<q-item class="hover:bg-slate-100 dark:hover:bg-white/10 transition-colors">
<q-item class="hover:bg-slate-100 dark:hover:bg-white/5 transition-colors">
<q-item-section>
<q-item-label class="font-bold text-sm text-slate-800 dark:text-white">{{ $t('userMenu.darkMode') }}</q-item-label>
<q-item-label class="font-bold text-sm text-slate-800 dark:text-slate-100">{{ $t('userMenu.darkMode') }}</q-item-label>
</q-item-section>
<q-item-section side>
<q-toggle
@ -89,12 +89,12 @@ const handleLogout = async () => {
</q-item-section>
</q-item>
<q-separator class="bg-slate-100 dark:bg-white/10 my-1" />
<q-separator class="bg-slate-100 dark:bg-white/5 my-1" />
<div class="p-4">
<div class="px-4 py-2 mt-2">
<q-btn
unelevated
class="w-full bg-red-500/10 text-red-400 hover:bg-red-500/20 font-bold rounded-lg"
class="w-full bg-red-50 text-red-600 hover:bg-red-100 dark:bg-red-500/10 dark:text-red-400 dark:hover:bg-red-500/20 font-black rounded-xl"
no-caps
@click="handleLogout"
>