mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-28 08:37:57 +02:00
43 lines
640 B
Plaintext
43 lines
640 B
Plaintext
|
---
|
||
|
import Copy from '@components/Copy.astro'
|
||
|
|
||
|
type Props = {
|
||
|
address: string
|
||
|
title: string
|
||
|
}
|
||
|
|
||
|
const { address, title }: Props = Astro.props
|
||
|
---
|
||
|
|
||
|
<style>
|
||
|
.coin {
|
||
|
margin-top: var(--spacer);
|
||
|
}
|
||
|
|
||
|
.titleCoin {
|
||
|
margin-bottom: 0;
|
||
|
font-size: var(--font-size-base);
|
||
|
}
|
||
|
|
||
|
.code {
|
||
|
position: relative;
|
||
|
padding: 0;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.code code {
|
||
|
display: block;
|
||
|
padding: calc(var(--spacer) / 2);
|
||
|
padding-right: 2rem;
|
||
|
font-size: 0.65rem;
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
<div class="coin">
|
||
|
<h4 class="titleCoin">{title}</h4>
|
||
|
<div class="code">
|
||
|
<code>{address}</code>
|
||
|
<Copy text={address} />
|
||
|
</div>
|
||
|
</div>
|