73 lines
1.2 KiB
CSS
73 lines
1.2 KiB
CSS
/* Status badges */
|
|
.status-badge {
|
|
border-radius: 8px;
|
|
padding: 2px 8px;
|
|
font-size: 8pt;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.status-badge.success {
|
|
background: @success_bg_color;
|
|
color: @success_fg_color;
|
|
}
|
|
|
|
.status-badge.warning {
|
|
background: @warning_bg_color;
|
|
color: @warning_fg_color;
|
|
}
|
|
|
|
.status-badge.error {
|
|
background: @error_bg_color;
|
|
color: @error_fg_color;
|
|
}
|
|
|
|
.status-badge.info {
|
|
background: @accent_bg_color;
|
|
color: @accent_fg_color;
|
|
}
|
|
|
|
.status-badge.neutral {
|
|
background: @card_shade_color;
|
|
color: @window_fg_color;
|
|
}
|
|
|
|
/* App cards in grid view */
|
|
.app-card {
|
|
padding: 12px;
|
|
border-radius: 12px;
|
|
background: @card_bg_color;
|
|
transition: background 150ms ease;
|
|
}
|
|
|
|
.app-card:hover {
|
|
background: @headerbar_shade_color;
|
|
}
|
|
|
|
.app-card-name {
|
|
font-weight: 600;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.app-card-version {
|
|
font-size: 8pt;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Badge row in app cards */
|
|
.badge-row {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* Detail view headings */
|
|
.heading {
|
|
font-weight: 700;
|
|
font-size: 11pt;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* Monospace text for paths and hashes */
|
|
.monospace {
|
|
font-family: monospace;
|
|
font-size: 9pt;
|
|
}
|