Increase text size of table cells
This commit is contained in:
parent
5e693313d8
commit
c79a992829
5 changed files with 14 additions and 14 deletions
|
@ -25,14 +25,14 @@ export const AlbumArtistCell = ({ value, data }: ICellRendererParams) => {
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
>
|
>
|
||||||
{value?.map((item: Artist | AlbumArtist, index: number) => (
|
{value?.map((item: Artist | AlbumArtist, index: number) => (
|
||||||
<React.Fragment key={`row-${item.id}-${data.uniqueId}`}>
|
<React.Fragment key={`row-${item.id}-${data.uniqueId}`}>
|
||||||
{index > 0 && (
|
{index > 0 && (
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
size="sm"
|
size="md"
|
||||||
style={{ display: 'inline-block' }}
|
style={{ display: 'inline-block' }}
|
||||||
>
|
>
|
||||||
,
|
,
|
||||||
|
@ -43,7 +43,7 @@ export const AlbumArtistCell = ({ value, data }: ICellRendererParams) => {
|
||||||
$secondary
|
$secondary
|
||||||
component={Link}
|
component={Link}
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
|
to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
|
||||||
albumArtistId: item.id,
|
albumArtistId: item.id,
|
||||||
})}
|
})}
|
||||||
|
|
|
@ -25,14 +25,14 @@ export const ArtistCell = ({ value, data }: ICellRendererParams) => {
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
>
|
>
|
||||||
{value?.map((item: Artist | AlbumArtist, index: number) => (
|
{value?.map((item: Artist | AlbumArtist, index: number) => (
|
||||||
<React.Fragment key={`row-${item.id}-${data.uniqueId}`}>
|
<React.Fragment key={`row-${item.id}-${data.uniqueId}`}>
|
||||||
{index > 0 && (
|
{index > 0 && (
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
size="sm"
|
size="md"
|
||||||
style={{ display: 'inline-block' }}
|
style={{ display: 'inline-block' }}
|
||||||
>
|
>
|
||||||
,
|
,
|
||||||
|
@ -43,7 +43,7 @@ export const ArtistCell = ({ value, data }: ICellRendererParams) => {
|
||||||
$secondary
|
$secondary
|
||||||
component={Link}
|
component={Link}
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
to={generatePath(AppRoute.LIBRARY_ARTISTS_DETAIL, {
|
to={generatePath(AppRoute.LIBRARY_ARTISTS_DETAIL, {
|
||||||
artistId: item.id,
|
artistId: item.id,
|
||||||
})}
|
})}
|
||||||
|
|
|
@ -103,14 +103,14 @@ export const CombinedTitleCell = ({ value, rowIndex, node }: ICellRendererParams
|
||||||
<MetadataWrapper>
|
<MetadataWrapper>
|
||||||
<Text
|
<Text
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
>
|
>
|
||||||
{value.name}
|
{value.name}
|
||||||
</Text>
|
</Text>
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
>
|
>
|
||||||
{artists?.length ? (
|
{artists?.length ? (
|
||||||
artists.map((artist: Artist | AlbumArtist, index: number) => (
|
artists.map((artist: Artist | AlbumArtist, index: number) => (
|
||||||
|
@ -121,7 +121,7 @@ export const CombinedTitleCell = ({ value, rowIndex, node }: ICellRendererParams
|
||||||
$secondary
|
$secondary
|
||||||
component={Link}
|
component={Link}
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
sx={{ width: 'fit-content' }}
|
sx={{ width: 'fit-content' }}
|
||||||
to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
|
to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
|
||||||
albumArtistId: artist.id,
|
albumArtistId: artist.id,
|
||||||
|
|
|
@ -61,7 +61,7 @@ export const GenericCell = (
|
||||||
$secondary={!primary}
|
$secondary={!primary}
|
||||||
component={Link}
|
component={Link}
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
to={displayedValue.link}
|
to={displayedValue.link}
|
||||||
>
|
>
|
||||||
{isLink ? displayedValue.value : displayedValue}
|
{isLink ? displayedValue.value : displayedValue}
|
||||||
|
@ -70,7 +70,7 @@ export const GenericCell = (
|
||||||
<Text
|
<Text
|
||||||
$secondary={!primary}
|
$secondary={!primary}
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
>
|
>
|
||||||
{displayedValue}
|
{displayedValue}
|
||||||
</Text>
|
</Text>
|
||||||
|
|
|
@ -11,14 +11,14 @@ export const GenreCell = ({ value, data }: ICellRendererParams) => {
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
>
|
>
|
||||||
{value?.map((item: Artist | AlbumArtist, index: number) => (
|
{value?.map((item: Artist | AlbumArtist, index: number) => (
|
||||||
<React.Fragment key={`row-${item.id}-${data.uniqueId}`}>
|
<React.Fragment key={`row-${item.id}-${data.uniqueId}`}>
|
||||||
{index > 0 && (
|
{index > 0 && (
|
||||||
<Text
|
<Text
|
||||||
$secondary
|
$secondary
|
||||||
size="sm"
|
size="md"
|
||||||
style={{ display: 'inline-block' }}
|
style={{ display: 'inline-block' }}
|
||||||
>
|
>
|
||||||
,
|
,
|
||||||
|
@ -29,7 +29,7 @@ export const GenreCell = ({ value, data }: ICellRendererParams) => {
|
||||||
$secondary
|
$secondary
|
||||||
component={Link}
|
component={Link}
|
||||||
overflow="hidden"
|
overflow="hidden"
|
||||||
size="sm"
|
size="md"
|
||||||
to="/"
|
to="/"
|
||||||
>
|
>
|
||||||
{item.name || '—'}
|
{item.name || '—'}
|
||||||
|
|
Reference in a new issue