feat: Add global CSS design system with Tailwind integration, light/dark mode support, and a new discovery page.

This commit is contained in:
supalerk-ar66 2026-01-26 16:05:41 +07:00
parent f6cb4e4f81
commit 6d7e78fb33
2 changed files with 55 additions and 2 deletions

View file

@ -203,7 +203,8 @@ const { currentUser } = useAuth();
placeholder="ค้นหาคอร์ส..."
class="bg-white dark:bg-slate-800 w-full md:w-64"
bg-color="white"
dark:bg-color="slate-800"
color="slate-900"
:input-style="{ color: '#0f172a' }"
>
<template v-slot:append>
<q-icon name="search" class="text-slate-400" />
@ -217,8 +218,15 @@ const { currentUser } = useAuth();
dense
outlined
rounded
class="bg-white dark:bg-slate-800 w-40"
:dark="false"
class="bg-white w-40"
bg-color="white"
color="slate-900"
:input-style="{ color: '#0f172a' }"
:options-dark="false"
options-dense
:popup-content-style="{ backgroundColor: '#ffffff', color: '#0f172a' }"
popup-content-class="text-slate-900"
behavior="menu"
/>
</div>