publish: add dark mode styles to tile

This commit is contained in:
Matilde Park 2020-02-21 21:58:22 -05:00
parent 395bec28a8
commit ab0ad9f7d0

View File

@ -24,13 +24,14 @@ export default class PublishTile extends Component {
} }
return ( return (
<div className="w-100 h-100 relative bg-white ba b--black"> <div className={"w-100 h-100 relative bg-white bg-gray0-d " +
"ba b--black b--gray1-d"}>
<a className="w-100 h-100 db no-underline" href="/~publish"> <a className="w-100 h-100 db no-underline" href="/~publish">
<p className="black f9 absolute" style={{ left: 8, top: 8 }}> <p className="black white-d f9 absolute" style={{ left: 8, top: 8 }}>
Publishing Publishing
</p> </p>
<img <img
className="absolute" className="absolute invert-d"
style={{ left: 39, top: 39 }} style={{ left: 39, top: 39 }}
src="/~publish/tile.png" src="/~publish/tile.png"
width={48} width={48}
@ -39,7 +40,7 @@ export default class PublishTile extends Component {
<div <div
className="absolute w-100 flex-col f9" className="absolute w-100 flex-col f9"
style={{ verticalAlign: "bottom", bottom: 8, left: 8 }}> style={{ verticalAlign: "bottom", bottom: 8, left: 8 }}>
<span className="green2">{notificationsNum}</span> <span className="green2 white-d">{notificationsNum}</span>
</div> </div>
</a> </a>
</div> </div>