vrr/multi-scrobbler
2
0
Fork 0
mirror of https://github.com/FoxxMD/multi-scrobbler.git synced 2026-10-19 15:26:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(ui): More item contrast for mobile screens

Browse source
This commit is contained in:
FoxxMD 2026-10-13 17:46:25 +00:00
parent 279540e874
commit c2a7a082fc
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/client/components/play/MetadataResults.tsx
View file

@ -234,7 +234,7 @@ export const MetadataSearchCombobox = <T extends MetadataSearchResult>(props: Me
<Combobox.Context>
{(combobox) => {
return collection.items?.map((item) => (
<Combobox.Item key={item.id} item={item.id}>
<Combobox.Item key={item.id} item={item.id} marginY={{smDown: '1.5'}}>
{renderItem(item, (val) => {
onChange(val);
combobox.setInputValue(collection.stringifyItem(val) ?? '', 'item-select');

5
src/client/index.css
View file

@ -117,4 +117,9 @@
.chakra-select__itemGroup .chakra-select__item {
padding-inline: var(--chakra-spacing-3)
}
.chakra-combobox__item:nth-child(odd):not([data-highlighted=""]) {
--mix-subtle-background: color-mix(in srgb, var(--chakra-colors-bg-muted) 60%, transparent);
background: var(--mix-subtle-background)
}