Matiss/Final-Year-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: reimplement mobile simulator UI using DaisyUI and Tailwind CSS, replacing custom styling and adding a night theme.

Browse Source
This commit is contained in:
Matiss Jurevics
2026-01-25 19:25:00 +00:00
parent d5b67f5d97
commit 8c902f989f
2 changed files with 213 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Backend/public/mobile-sim.js
View File

@@ -50,11 +50,13 @@
const updateTop = () => {
const signedIn = Boolean(state.session?.session);
$('authChip').textContent = signedIn ? 'signed in' : 'signed out';
$('authChip').className = `chip ${signedIn ? 'online' : 'offline'}`;
$('authChip').classList.toggle('online', signedIn);
$('authChip').classList.toggle('offline', !signedIn);
const socketConnected = Boolean(state.socket?.connected);
$('socketChip').textContent = socketConnected ? 'online' : 'offline';
$('socketChip').className = `chip ${socketConnected ? 'online' : 'offline'}`;
$('socketChip').classList.toggle('online', socketConnected);
$('socketChip').classList.toggle('offline', !socketConnected);
if (!signedIn) {
$('topSubtitle').textContent = 'Sign in to continue';