urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-19 16:51:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

tile: making tweaks for mark :)

Browse Source
This commit is contained in:
Hunter Miller 2021-10-12 10:48:20 -05:00
parent 7b16f8d375
commit 305cd0b567
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pkg/grid/src/tiles/Tile.tsx
View File

@ -64,14 +64,16 @@ export const Tile: FunctionComponent<TileProps> = ({ charge, desk }) => {
lightText={lightText} lightText={lightText}
className="absolute z-10 top-3 right-3 sm:top-5 sm:right-5 opacity-0 pointer-coarse:opacity-100 hover-none:opacity-100 focus:opacity-100 group-hover:opacity-100" className="absolute z-10 top-3 right-3 sm:top-5 sm:right-5 opacity-0 pointer-coarse:opacity-100 hover-none:opacity-100 focus:opacity-100 group-hover:opacity-100"
/> />
{title && (
<div <div
className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg" className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg"
style={{ backgroundColor }} style={{ backgroundColor }}
> >
<h3 className="mix-blend-hard-light">{title}</h3> <h3 className="mix-blend-hard-light">{title}</h3>
</div> </div>
)}
{image && !loading && ( {image && !loading && (
<img className="absolute top-0 left-0 h-full w-full object-contain" src={image} alt="" /> <img className="absolute top-0 left-0 h-full w-full object-cover" src={image} alt="" />
)} )}
</div> </div>
</a> </a>