iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: capability selection

Browse Source
This commit is contained in:
0x1d
2025-08-28 13:06:17 +02:00
parent de131f955a
commit 9486594199
3 changed files with 42 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/styles.css
View File

@@ -470,7 +470,6 @@ p {
.tab-content {
display: none;
padding: 1rem 0;
}
.tab-content.active {
@@ -1735,6 +1734,21 @@ p {
gap: 0.75rem;
}
/* Custom dropdown wrapper and arrow for capability selector */
.capability-selector {
display: flex;
align-items: center;
gap: 0.5rem;
}
#capability-select {
padding-right: 2rem;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ecf0f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 12px 12px;
}
.capability-item {
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);