Restyle titles and spacing in timeline gallery
Restyle the title and album names so that the title will pop out more, and decrease the horizontal spacing between photos in the same album.
This commit is contained in:
parent
b0bdf5414c
commit
f54e6c7cb5
|
@ -9,7 +9,7 @@ const MediaContainer = styled.div`
|
|||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
height: 200px;
|
||||
margin: 4px;
|
||||
margin: 4px 2px;
|
||||
background-color: #eee;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
@ -214,7 +214,7 @@ export const MediaPlaceholder = styled.div`
|
|||
flex-grow: 1;
|
||||
height: 200px;
|
||||
width: 300px;
|
||||
margin: 4px;
|
||||
margin: 4px 2px;
|
||||
background-color: #eee;
|
||||
position: relative;
|
||||
`
|
||||
|
|
|
@ -76,7 +76,9 @@ const TimelineGroupAlbum = ({
|
|||
return (
|
||||
<div className="mx-2">
|
||||
<Link to={`/album/${albumID}`} className="hover:underline">
|
||||
<span className="text-sm text-gray-600 dark:text-gray-400">
|
||||
{albumTitle}
|
||||
</span>
|
||||
</Link>
|
||||
<div className="flex flex-wrap items-center relative -mx-1 overflow-hidden">
|
||||
{mediaElms}
|
||||
|
|
|
@ -46,7 +46,7 @@ const TimelineGroupDate = ({
|
|||
|
||||
return (
|
||||
<div className="mx-3 mb-2">
|
||||
<div className="text-xl m-0 -mb-2">{formattedDate}</div>
|
||||
<div className="text-lg font-bold m-0 -mb-2">{formattedDate}</div>
|
||||
<div className="flex flex-wrap -mx-2 my-0">{albumGroupElms}</div>
|
||||
</div>
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue