feat(pwa): add Android TV remote D-Pad focus styling

This commit is contained in:
DevSoftTech Server 2026-08-30 00:52:06 +05:30
parent 8d68afebbd
commit e235989304
3 changed files with 22 additions and 1 deletions

View File

@ -51,6 +51,13 @@
color: #334155;
}
/* Android TV D-Pad Remote Focus Glow Outline */
:focus-visible, button:focus, select:focus, input:focus, .card:focus, a:focus {
outline: 3px solid #2563eb !important;
outline-offset: 2px !important;
box-shadow: 0 0 16px rgba(37, 99, 235, 0.6) !important;
}
/* Sleek Doctor Topbar */
.doctor-header {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);

View File

@ -51,6 +51,13 @@
color: #334155;
}
/* Android TV D-Pad Remote Focus Glow Outline */
:focus-visible, button:focus, select:focus, input:focus, .card:focus, a:focus {
outline: 3px solid #2563eb !important;
outline-offset: 2px !important;
box-shadow: 0 0 16px rgba(37, 99, 235, 0.6) !important;
}
/* Topbar Header */
.nursing-header {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);

View File

@ -59,7 +59,7 @@
display: block;
}
.app-option-card:hover, .app-option-card:active {
.app-option-card:hover, .app-option-card:active, .app-option-card:focus {
border-color: #2563eb;
background: #eff6ff;
transform: translateY(-2px);
@ -67,6 +67,13 @@
color: inherit;
}
/* Android TV D-Pad Remote Control Focus Outline */
:focus-visible, .app-option-card:focus, button:focus, a:focus {
outline: 3px solid #2563eb !important;
outline-offset: 3px !important;
box-shadow: 0 0 18px rgba(37, 99, 235, 0.6) !important;
}
.app-option-card.disabled {
opacity: 0.6;
cursor: not-allowed;