mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 10:23:33 +00:00
Change grid size to items per row
This commit is contained in:
parent
e47fcfc62e
commit
219a9ed613
8 changed files with 125 additions and 97 deletions
|
|
@ -276,7 +276,7 @@ export const AlbumArtistListContent = ({ gridRef, tableRef }: AlbumArtistListCon
|
|||
itemCount={checkAlbumArtistList?.data?.totalRecordCount || 0}
|
||||
itemData={itemData}
|
||||
itemGap={20}
|
||||
itemSize={150 + (grid?.size || 0)}
|
||||
itemSize={grid?.itemsPerRow || 5}
|
||||
itemType={LibraryItem.ALBUM_ARTIST}
|
||||
loading={checkAlbumArtistList.isLoading}
|
||||
minimumBatchSize={40}
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@ export const AlbumArtistListHeaderFilters = ({
|
|||
if (display === ListDisplayType.TABLE || display === ListDisplayType.TABLE_PAGINATED) {
|
||||
setTable({ data: { rowHeight: e }, key: pageKey });
|
||||
} else {
|
||||
setGrid({ data: { size: e }, key: pageKey });
|
||||
setGrid({ data: { itemsPerRow: e }, key: pageKey });
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -432,17 +432,23 @@ export const AlbumArtistListHeaderFilters = ({
|
|||
<DropdownMenu.Divider />
|
||||
<DropdownMenu.Label>Item size</DropdownMenu.Label>
|
||||
<DropdownMenu.Item closeMenuOnClick={false}>
|
||||
<Slider
|
||||
defaultValue={
|
||||
display === ListDisplayType.CARD || display === ListDisplayType.POSTER
|
||||
? grid?.size
|
||||
: table.rowHeight
|
||||
}
|
||||
label={null}
|
||||
max={400}
|
||||
min={-50}
|
||||
onChange={debouncedHandleItemSize}
|
||||
/>
|
||||
{display === ListDisplayType.CARD || display === ListDisplayType.POSTER ? (
|
||||
<Slider
|
||||
defaultValue={grid?.itemsPerRow}
|
||||
label={null}
|
||||
max={10}
|
||||
min={2}
|
||||
onChange={debouncedHandleItemSize}
|
||||
/>
|
||||
) : (
|
||||
<Slider
|
||||
defaultValue={table.rowHeight}
|
||||
label={null}
|
||||
max={100}
|
||||
min={30}
|
||||
onChange={debouncedHandleItemSize}
|
||||
/>
|
||||
)}
|
||||
</DropdownMenu.Item>
|
||||
{(display === ListDisplayType.TABLE || display === ListDisplayType.TABLE_PAGINATED) && (
|
||||
<>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue