Foundry/image-tagger
0
0
Fork 0
Code Issues 13 Pull requests Releases 2 Activity Actions

Pull the chip list styling into a list class

Browse source
This commit is contained in:
Oliver 2026-01-23 21:17:53 -07:00
parent 2a1f8fd97d
commit 05b7b3406a
3 changed files with 25 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

30
styles/apps/ArtistApp.css
View file

@ -1,27 +1,9 @@
.token-browser.ArtistApp {
ul {
display: flex;
flex-flow: row wrap;
gap: 8px;
li {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
padding: 2px 4px;
background: var(--content-link-background);
color: var(--content-link-text-color);
border: 1px solid var(--content-link-border-color);
border-radius: 4px;
button {
padding: 0;
border: none;
min-height: 0;
height: 1rem;
width: 1rem;
}
}
ul li button {
padding: 0;
border: none;
min-height: 0;
height: 1rem;
width: 1rem;
}
}

18
styles/elements/lists.css
View file

@ -4,4 +4,22 @@
padding: 0;
list-style: none;
}
.chip-list {
display: flex;
flex-flow: row wrap;
gap: 2px;
& > li {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
padding: 2px 4px;
background: var(--content-link-background);
color: var(--content-link-text-color);
border: 1px solid var(--content-link-border-color);
border-radius: 4px;
}
}
}