add CollectionSelectorTile title
This commit is contained in:
parent
f72a45b34e
commit
34fee57dd7
|
@ -38,6 +38,7 @@ export const CollectionTile = styled.div<{
|
||||||
coverImgURL?: string;
|
coverImgURL?: string;
|
||||||
}>`
|
}>`
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
@ -69,7 +70,7 @@ export const Hider = styled.div<{ hide: boolean }>`
|
||||||
height: ${(props) => (props.hide ? '0' : 'auto')};
|
height: ${(props) => (props.hide ? '0' : 'auto')};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const LargerCollectionTile = styled(CollectionTile)`
|
export const AllCollectionTile = styled(CollectionTile)`
|
||||||
width: 150px;
|
width: 150px;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
@ -79,3 +80,9 @@ export const LargerCollectionTile = styled(CollectionTile)`
|
||||||
export const CollectionTitleWithDashedBorder = styled(CollectionTile)`
|
export const CollectionTitleWithDashedBorder = styled(CollectionTile)`
|
||||||
border: 1px dashed ${({ theme }) => theme.palette.grey.A200};
|
border: 1px dashed ${({ theme }) => theme.palette.grey.A200};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
export const CollectionSelectorTile = styled(AllCollectionTile)`
|
||||||
|
height: 192px;
|
||||||
|
width: 192px;
|
||||||
|
margin: 10px;
|
||||||
|
`;
|
||||||
|
|
Loading…
Reference in a new issue