public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: add inline color in og image (#11280)

pull/11262/merge
Udit Takkar 2023-09-12 03:38:27 +05:30 committed by GitHub
parent a1d67b256e
commit 7581f4d641
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/lib/OgImages.tsx
View File

@ -139,7 +139,11 @@ export const Meeting = ({ title, users = [], profile }: MeetingImageProps) => {
<div tw="h-full flex flex-col justify-start">
<div tw="flex items-center justify-center" style={{ fontFamily: "cal", fontWeight: 300 }}>
<img src={`${CAL_URL}/${LOGO}`} width="350" alt="Logo" />
{avatars.length > 0 && <div tw="font-bold text-[92px] mx-8 bottom-2">/</div>}
{avatars.length > 0 && (
<div style={{ color: "#111827" }} tw="font-bold text-[92px] mx-8 bottom-2">
/
</div>
)}
<div tw="flex flex-row">
{avatars.slice(0, 3).map((avatar) => (
<img
@ -157,7 +161,7 @@ export const Meeting = ({ title, users = [], profile }: MeetingImageProps) => {
)}
</div>
</div>
<div tw="relative flex text-[54px] w-full flex-col text-emphasis mt-auto">
<div style={{ color: "#111827" }} tw="relative flex text-[54px] w-full flex-col mt-auto">
<div
tw="flex w-[1040px] overflow-hidden"
style={{ whiteSpace: "nowrap", fontFamily: "cal", textOverflow: "ellipsis" }}>
@ -217,7 +221,7 @@ export const App = ({ name, description, slug }: AppImageProps) => (
<img src={`${CAL_URL}${slug}`} alt="App icon" width="172" />
</div>
</div>
<div tw="flex mt-auto w-full flex-col text-emphasis">
<div style={{ color: "#111827" }} tw="flex mt-auto w-full flex-col">
<div tw="flex text-[64px] mb-7" style={{ fontFamily: "cal", fontWeight: 600 }}>
{name}
</div>
@ -235,7 +239,7 @@ export const Generic = ({ title, description }: GenericImageProps) => (
<img src={`${CAL_URL}/cal-logo-word-black.svg`} width="350" alt="Logo" />
</div>
<div tw="relative flex text-[54px] w-full flex-col text-emphasis mt-auto">
<div style={{ color: "#111827" }} tw="relative flex text-[54px] w-full flex-col mt-auto">
<div tw="flex w-[1040px]" style={{ fontFamily: "cal" }}>
{title}
</div>