Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Added in more spacing for the CTAs to catch more ophans

Browse source 
no issue
This commit is contained in:
James Morris 2022-08-12 13:08:32 +01:00
parent 001229801d
commit 39629145d0
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/comments-ui/src/components/CTABox.js
View file

@ -23,11 +23,11 @@ const CTABox = (props) => {
}; };
return ( return (
<section className={`flex flex-col items-center pt-[40px] ${member ? 'pb-[32px]' : 'pb-[48px]'} ${!props.isFirst && 'mt-4'} px-8 border-t-2 border-gray-100 dark:border-gray-100/10 border-b-2`}> <section className={`flex flex-col items-center pt-[40px] ${member ? 'pb-[32px]' : 'pb-[48px]'} ${!props.isFirst && 'mt-4'} px-2 sm:px-8 border-t-2 border-gray-100 dark:border-gray-100/10 border-b-2`}>
<h1 className={`mb-[8px] text-center text-black text-[24px] font-sans tracking-tight dark:text-[rgba(255,255,255,0.85)] ${props.isFirst ? 'font-semibold' : 'font-bold'}`}> <h1 className={`mb-[8px] text-center text-black text-[24px] font-sans tracking-tight dark:text-[rgba(255,255,255,0.85)] ${props.isFirst ? 'font-semibold' : 'font-bold'}`}>
{titleText} {titleText}
</h1> </h1>
<p className="mb-[28px] px-0 sm:px-8 max-w-screen-sm font-sans text-[16px] text-center leading-normal text-neutral-600 dark:text-[rgba(255,255,255,0.85)]"> <p className="mb-[28px] px-0 sm:px-8 w-full sm:max-w-screen-sm font-sans text-[16px] text-center leading-normal text-neutral-600 dark:text-[rgba(255,255,255,0.85)]">
Become a {props.isPaid && 'paid'} member of <span className="font-semibold">{publication}</span> to start commenting. Become a {props.isPaid && 'paid'} member of <span className="font-semibold">{publication}</span> to start commenting.
</p> </p>
<button onClick={handleSignUpClick} className="mb-[12px] text-white font-san py-[14px] px-5 rounded inline-block font-medium leading-none hover:opacity-90 transition-all" style={buttonStyle}> <button onClick={handleSignUpClick} className="mb-[12px] text-white font-san py-[14px] px-5 rounded inline-block font-medium leading-none hover:opacity-90 transition-all" style={buttonStyle}>