johan
/
alert-dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bump all font sizes +1px

This commit is contained in:
James 2026-02-14 02:30:53 -05:00
parent cbd920bfe4
commit 4d78baa0f1
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@ -20,18 +20,18 @@ body { background: #0a0a0a; color: #e0ddd5; font-family: 'Sora', sans-serif; ove
/* Clock */
#clock-wrap { position: relative; }
canvas#clock { width: 180px; height: 180px; }
#digital-time { text-align: center; color: #c8b273; font-size: 20px; font-weight: 300; letter-spacing: 2px; margin-top: 6px; font-variant-numeric: tabular-nums; }
#digital-date { text-align: center; color: #666; font-size: 11px; font-weight: 400; letter-spacing: 1px; margin-top: 2px; }
#digital-time { text-align: center; color: #c8b273; font-size: 21px; font-weight: 300; letter-spacing: 2px; margin-top: 6px; font-variant-numeric: tabular-nums; }
#digital-date { text-align: center; color: #666; font-size: 13px; font-weight: 400; letter-spacing: 1px; margin-top: 2px; }
/* Calendar */
#calendar { width: 100%; max-width: 280px; }
#cal-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
#cal-nav button { background: none; border: 1px solid #333; color: #c8b273; font-family: 'Sora'; font-size: 14px; width: 26px; height: 26px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#cal-nav button { background: none; border: 1px solid #333; color: #c8b273; font-family: 'Sora'; font-size: 15px; width: 26px; height: 26px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#cal-nav button:hover { background: #1a1a1a; border-color: #c8b273; }
#cal-title { color: #c8b273; font-size: 13px; font-weight: 600; letter-spacing: 1px; }
#cal-title { color: #c8b273; font-size: 14px; font-weight: 600; letter-spacing: 1px; }
#cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; text-align: center; }
#cal-grid .day-name { color: #555; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding: 4px 0; }
#cal-grid .day { padding: 5px 0; font-size: 12px; font-weight: 400; color: #444; border-radius: 50%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
#cal-grid .day-name { color: #555; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding: 4px 0; }
#cal-grid .day { padding: 5px 0; font-size: 13px; font-weight: 400; color: #444; border-radius: 50%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
#cal-grid .day.current-month { color: #999; }
#cal-grid .day.today { background: #c8b273; color: #0a0a0a; font-weight: 600; }
#cal-grid .day.sunday { color: #664; }
@ -40,7 +40,7 @@ canvas#clock { width: 180px; height: 180px; }
/* Alerts */
#alerts-section { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
#alerts-header { color: #c8b273; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
#alerts-header { color: #c8b273; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
#alerts-header .dot { width: 6px; height: 6px; border-radius: 50%; background: #c8b273; animation: pulse 3s ease-in-out infinite; }
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .2; } }
#alert-list { flex: 1; overflow-y: auto; scrollbar-width: none; }
@ -50,8 +50,8 @@ canvas#clock { width: 180px; height: 180px; }
.alert-item.info { border-left-color: #c8b273; }
.alert-item.warning { border-left-color: #d4a050; }
.alert-item.critical { border-left-color: #c45; }
.alert-msg { font-size: 14px; font-weight: 400; color: #ddd; line-height: 1.45; }
.alert-time { font-size: 11px; color: #777; margin-top: 3px; font-weight: 400; }
.alert-msg { font-size: 15px; font-weight: 400; color: #ddd; line-height: 1.45; }
.alert-time { font-size: 12px; color: #777; margin-top: 3px; font-weight: 400; }
@keyframes slideIn { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
.alert-item.critical .alert-msg { color: #e88; }
.alert-item.warning .alert-msg { color: #dbc085; }