feat: Implement default authenticated layout, course card, and app sidebar components.
This commit is contained in:
parent
b51a7546e4
commit
e34f2d84da
3 changed files with 8 additions and 8 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue