style(next): restyle the help cards

This commit is contained in:
Adorian Doran 2025-01-08 21:35:43 +02:00
parent bacba7d00b
commit caf9b92db5

View File

@ -1559,4 +1559,50 @@ body .calendar-dropdown-widget .calendar-body a:hover {
.search-result-widget-content .note-path {
opacity: .75;
font-weight: normal;
}
/* Help */
.help-dialog .card {
margin: 0;
border: none;
padding: 8px;
background: unset;
}
.help-dialog .card-body {
box-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
border-radius: 6px;
background: var(--card-background-color);
}
.help-dialog .card-body h5 {
color: #797979;
font-size: 20px;
font-weight: 600;
}
.help-dialog .help-cards ul {
list-style-type: none;
padding: 0;
}
.help-dialog .help-cards li + li {
margin-top: .4em;
}
.help-dialog .help-cards kbd {
box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
margin: 0 4px;
border: none;
border-radius: 4px;
padding: 2px 10px;
background: white;
color: #3f3f3f;
font-weight: 500;
letter-spacing: .5pt;
}
.help-dialog .help-cards kbd:first-child {
margin-left: 0;
}