CooperandGoodman/homeschool
1
0
Fork 0
Code Issues Pull Requests Activity

Make TV dashboard timer larger

Browse Source 
Scale timer ring up to 420px to fill the column, increase countdown
digits to 5.5rem and label to 1.4rem.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Derek Cooper
2026-02-28 11:44:58 -08:00
parent c8a965dadf
commit 3670bc63e7
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/views/TVView.vue
View File

@@ -313,6 +313,14 @@ onMounted(async () => {
max-height: 60vh; max-height: 60vh;
} }
/* Expand timer to fill the column */
.tv-timer-col :deep(.timer-wrap) {
width: min(100%, 420px);
height: min(100%, 420px);
}
.tv-timer-col :deep(.timer-time) { font-size: 5.5rem; }
.tv-timer-col :deep(.timer-label) { font-size: 1.4rem; }
/* Make schedule block text larger for TV viewing */ /* Make schedule block text larger for TV viewing */
.tv-schedule-list :deep(.block-title) { font-size: 1.2rem; } .tv-schedule-list :deep(.block-title) { font-size: 1.2rem; }
.tv-schedule-list :deep(.block-time) { font-size: 1rem; } .tv-schedule-list :deep(.block-time) { font-size: 1rem; }