Improve protocol selection button colors and styling

This commit is contained in:
openhands 2025-11-14 14:49:20 +00:00
parent 0b34be01b1
commit caf844cdcb
1 changed files with 9 additions and 0 deletions

View File

@ -153,10 +153,12 @@ DASHBOARD_HTML = """
.protocol-btn { .protocol-btn {
padding: 8px 16px; padding: 8px 16px;
background: #f8f9fa; background: #f8f9fa;
color: #333;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-weight: normal; font-weight: normal;
transition: all 0.2s ease;
} }
.protocol-btn.active { .protocol-btn.active {
@ -168,10 +170,17 @@ DASHBOARD_HTML = """
.protocol-btn:hover { .protocol-btn:hover {
background: #e9ecef; background: #e9ecef;
color: #222;
border-color: #007acc;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
.protocol-btn.active:hover { .protocol-btn.active:hover {
background: #005a9e; background: #005a9e;
color: white;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 122, 204, 0.3);
} }
/* Modal Styles */ /* Modal Styles */