Browse Source

add avaialbe date dashboard

main
matthew 2 years ago
parent
commit
1fabfa2c55
  1. 7
      searching-front/app/core/pages/State/State.tsx
  2. 22
      searching-front/app/core/pages/State/styles.module.css

7
searching-front/app/core/pages/State/State.tsx

@ -126,10 +126,17 @@ const State = ({
wide
title="Open tonsite"
>
<div className={s.newestListItemLeftContent}>
{getDomainFromUrl(i.address)}
<Button className={s.siteButton} theme="primary">
.ton
</Button>
</div>
<div className={s.newestListItemLeftDate}>
{i.firstAvailableDate &&
format(new Date(i.firstAvailableDate), "d MMMM").toLowerCase()}
</div>
</Link>
{i.walletAddress && i.tonBalance && (

22
searching-front/app/core/pages/State/styles.module.css

@ -142,8 +142,25 @@
.newestListItemLeft {
position: relative;
padding: 24px 0 24px 34px;
padding: 24px 0 16px 34px;
flex: 1 1 70%;
}
.newestListItemLeft a {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.newestListItemLeftContent {
}
.newestListItemLeftDate {
font-weight: 400;
font-size: 12px;
line-height: 15px;
opacity: 32%;
}
.newestListItemRight {
@ -194,6 +211,9 @@
padding: 24px 34px;
justify-content: center;
}
.newestListItemLeft{
padding-bottom: 16px;
}
.newestListItemRight {
text-align: left;

Loading…
Cancel
Save