add compatibility badges for each options

This commit is contained in:
Simon Vieille 2022-11-04 18:50:45 +01:00
commit 81f5dfcf2d
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 208 additions and 109 deletions

View file

@ -73,7 +73,7 @@
.side-menu-setting-list {
margin: 10px 4px 4px 0px;
border: 1px solid var(--color-border-dark);
border: 2px solid var(--color-border-dark);
border-radius: 15px;
}
@ -175,3 +175,42 @@
.btn-reset--progress {
transform: rotate(-359deg);
}
.badges {
margin-bottom: 14px;
margin-top: 4px;
}
.badge {
border-size: 1px;
padding: 2px 8px;
margin-right: 2px;
margin-bottom: 5px;
display: inline-block;
border-radius: 4px;
font-size: 13px;
}
.badge-1 {
background: #d4ce14;
border-color: #cad413;
color: #373a05;
}
.badge-2 {
background: #96d47f;
border-color: #7ed49b;
color: #333;
}
.badge-3 {
background: #d4540a;
border-color: #d4700c;
color: #fff;
}
.badge-4 {
background: #9d81d4;
border-color: #c681d4;
color: #fff;
}