ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-09-20 15:08:34 +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

16
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"
/> />
<div {title && (
className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg" <div
style={{ backgroundColor }} className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg"
> style={{ backgroundColor }}
<h3 className="mix-blend-hard-light">{title}</h3> >
</div> <h3 className="mix-blend-hard-light">{title}</h3>
</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>