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

feat: Implement core e-learning platform features including quiz, dashboard, course discovery, and classroom learning with i18n support.
All checks were successful
Build and Deploy Frontend Learner / Build Frontend Learner Docker Image (push) Successful in 35s
Details
Build and Deploy Frontend Learner / Deploy E-learning Frontend Learner to Dev Server (push) Successful in 4s
Details
Build and Deploy Frontend Learner / Notify Deployment Status (push) Successful in 1s
Details

Browse source
This commit is contained in:
supalerk-ar66 2026-02-12 12:01:37 +07:00
parent d787412036
commit a0ca6f7e6b
13 changed files with 429 additions and 246 deletions
Download patch file Download diff file Expand all files Collapse all files

28
Frontend-Learner/assets/css/main.css
View file

@ -10,9 +10,9 @@
--bg-body: #f8fafc;
--bg-surface: #ffffff;
--bg-elevated: #ffffff;
--text-main: #000000; /* Pure Black for absolute clarity in light mode */
--text-secondary: #1f2937; /* text-slate-800: Strong contrast subtext */
--primary: #3b82f6; /* Primary Blue */
--text-main: #000000; /* Pure Black for absolute clarity in light mode */
--text-secondary: #1f2937; /* text-slate-800: Strong contrast subtext */
--primary: #3b82f6; /* Primary Blue */
/* Semantic mappings */
--border-color: #e2e8f0;
@ -60,17 +60,17 @@
/* Dark Mode (applied when `.dark` class is present on <html>) */
.dark {
/* Oceanic Palette: Standardized for entire App */
--bg-body: #020617; /* Slate-950: Main Background */
--bg-surface: #0f172a; /* Slate-900: Sidebar & Header */
--bg-elevated: #1e293b; /* Slate-800: Cards & Hover states */
--text-main: #f8fafc; /* Slate-50: Brightest for titles */
--text-secondary: #94a3b8; /* Slate-400: Muted for subtext */
--bg-body: #020617; /* Slate-950: Main Background */
--bg-surface: #0f172a; /* Slate-900: Sidebar & Header */
--bg-elevated: #1e293b; /* Slate-800: Cards & Hover states */
--text-main: #f8fafc; /* Slate-50: Brightest for titles */
--text-secondary: #94a3b8; /* Slate-400: Muted for subtext */
--border-color: rgba(255, 255, 255, 0.06);
--primary-light: rgba(59, 130, 246, 0.15);
/* Neutral scale for dark mode utility usage */
--neutral-100: #1e293b;
--neutral-200: #334155;
@ -658,12 +658,12 @@ ul {
.page-container {
max-width: 1280px; /* max-7xl equivalent roughly */
margin: 0 auto;
padding: 2rem 1.5rem;
padding: 1rem 1.5rem;
}
@media (min-width: 1024px) {
.page-container {
padding: 3rem 2rem;
padding: 1.5rem 2rem;
}
}