Browse Source

add image to playlist header

master
jeffvli 3 years ago
parent
commit
6aee21e5a2
  1. 11
      src/components/layout/GenericPageHeader.tsx
  2. 1
      src/components/playlist/PlaylistView.tsx

11
src/components/layout/GenericPageHeader.tsx

@ -21,7 +21,14 @@ const GenericPageHeader = ({
<>
{image && (
<div style={{ display: 'inline-block' }}>
{image && <LazyLoadImage src={image} effect="opacity" height="150" />}
{image && (
<LazyLoadImage
src={image}
effect="opacity"
height={145}
width={145}
/>
)}
</div>
)}
@ -29,7 +36,7 @@ const GenericPageHeader = ({
style={{
display: 'inline-block',
width: image ? 'calc(100% - 160px)' : '100%',
marginLeft: image ? '10px' : '0px',
marginLeft: image ? '15px' : '0px',
height: '100%',
}}
>

1
src/components/playlist/PlaylistView.tsx

@ -124,6 +124,7 @@ const PlaylistView = () => {
<GenericPage
header={
<GenericPageHeader
image={data.image}
title={data.name}
subtitle={
<div>

Loading…
Cancel
Save