1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-02-22 06:03:22 +01:00

itemtile: align files mode icon

This commit is contained in:
Kushagra Gour 2019-03-14 01:18:29 +05:30
parent cf92032b33
commit 72b564fbb9

View File

@ -53,17 +53,23 @@ export function ItemTile({
) : null}
<h3 class="saved-item-tile__title">{item.title}</h3>
{item.files ? (
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path
fill="currentColor"
d="M15,7H20.5L15,1.5V7M8,0H16L22,6V18A2,2 0 0,1 20,20H8C6.89,20 6,19.1 6,18V2A2,2 0 0,1 8,0M4,4V22H20V24H4A2,2 0 0,1 2,22V4H4Z"
/>
</svg>
<div
class="ml-1 flex-shrink-0 hint--left"
aria-label="Files mode creation"
>
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path
fill="currentColor"
d="M15,7H20.5L15,1.5V7M8,0H16L22,6V18A2,2 0 0,1 20,20H8C6.89,20 6,19.1 6,18V2A2,2 0 0,1 8,0M4,4V22H20V24H4A2,2 0 0,1 2,22V4H4Z"
/>
</svg>
</div>
) : null}
</div>
{item.updatedOn ? (
<div class="saved-item-tile__meta">
Last updated: {getHumanDate(item.updatedOn)}
Last updated:{' '}
<time dateTime={item.updatedOn}>{getHumanDate(item.updatedOn)}</time>
</div>
) : null}
</div>