mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-10 04:30:25 +02:00
fix album column styling to fit link to width of text
This commit is contained in:
@@ -7,6 +7,12 @@
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.album-link {
|
||||||
|
display: inline;
|
||||||
|
width: max-content;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.album-container.compact {
|
.album-container.compact {
|
||||||
-webkit-line-clamp: 1;
|
-webkit-line-clamp: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -31,11 +31,14 @@ const AlbumColumn = (props: ItemTableListInnerColumn) => {
|
|||||||
if (albumId && albumPath) {
|
if (albumId && albumPath) {
|
||||||
return (
|
return (
|
||||||
<TableColumnContainer {...props}>
|
<TableColumnContainer {...props}>
|
||||||
<Text
|
<div
|
||||||
className={clsx(styles.albumContainer, {
|
className={clsx(styles.albumContainer, {
|
||||||
[styles.compact]: props.size === 'compact',
|
[styles.compact]: props.size === 'compact',
|
||||||
[styles.large]: props.size === 'large',
|
[styles.large]: props.size === 'large',
|
||||||
})}
|
})}
|
||||||
|
>
|
||||||
|
<Text
|
||||||
|
className={styles.albumLink}
|
||||||
component={Link}
|
component={Link}
|
||||||
isLink
|
isLink
|
||||||
isMuted
|
isMuted
|
||||||
@@ -45,6 +48,7 @@ const AlbumColumn = (props: ItemTableListInnerColumn) => {
|
|||||||
>
|
>
|
||||||
{row}
|
{row}
|
||||||
</Text>
|
</Text>
|
||||||
|
</div>
|
||||||
</TableColumnContainer>
|
</TableColumnContainer>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user