31 lines
1.2 KiB
TypeScript
31 lines
1.2 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: "linear-gradient(135deg, #b45309 0%, #d97706 50%, #f59e0b 100%)",
|
|
borderRadius: 36,
|
|
}}
|
|
>
|
|
<div style={{ position: "relative", width: 100, height: 100, display: "flex" }}>
|
|
<div style={{ position: "absolute", left: 38, top: 28, width: 28, height: 28, borderRadius: "50%", background: "white", opacity: 0.95 }} />
|
|
<div style={{ position: "absolute", left: 18, top: 58, width: 22, height: 22, borderRadius: "50%", background: "white", opacity: 0.95 }} />
|
|
<div style={{ position: "absolute", left: 60, top: 58, width: 22, height: 22, borderRadius: "50%", background: "white", opacity: 0.95 }} />
|
|
<div style={{ position: "absolute", left: 43, top: 72, width: 16, height: 16, borderRadius: "50%", background: "white", opacity: 0.95 }} />
|
|
</div>
|
|
</div>
|
|
),
|
|
{ ...size }
|
|
);
|
|
}
|