50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import { ImageResponse } from "next/og";
|
|
|
|
export const size = { width: 180, height: 180 };
|
|
export const contentType = "image/png";
|
|
|
|
export default function AppleIcon() {
|
|
return new ImageResponse(
|
|
(
|
|
<div
|
|
style={{
|
|
width: "100%",
|
|
height: "100%",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
background: "#facc15",
|
|
border: "8px solid #000000",
|
|
boxSizing: "border-box",
|
|
fontFamily:
|
|
'"Courier New", "Liberation Mono", "DejaVu Sans Mono", monospace',
|
|
position: "relative",
|
|
}}
|
|
>
|
|
<span
|
|
style={{
|
|
color: "#000000",
|
|
fontSize: 110,
|
|
fontWeight: 900,
|
|
letterSpacing: "-5px",
|
|
lineHeight: 1,
|
|
}}
|
|
>
|
|
CM
|
|
</span>
|
|
<div
|
|
style={{
|
|
position: "absolute",
|
|
bottom: 0,
|
|
right: 0,
|
|
width: 24,
|
|
height: 24,
|
|
background: "#000000",
|
|
}}
|
|
/>
|
|
</div>
|
|
),
|
|
size,
|
|
);
|
|
}
|