mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-24 10:16:27 +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>
|