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

Fixed CTA spacing in empty state

Browse source 
refs #1704
This commit is contained in:
Djordje Vlaisavljevic 2022-07-27 11:15:36 +02:00
parent c1961b30dd
commit a4fe453bfa
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -12,6 +12,8 @@ const NotSignedInBox = (props) => {
color: accentColor
};
const firstComment = (props.isFirst ? {borderTop: '0px', paddingTop: '0'} : {});
const titleText = (props.isFirst ? 'Want to be the first to comment?' : 'Want to join the discussion?');
const handleSubscribeClick = (event) => {
@ -23,7 +25,7 @@ const NotSignedInBox = (props) => {
};
return (
<section className="text-center mb-1 pt-12 pb-10 px-8 border-t border-[#f1f1f1]">
<section className="text-center mb-1 pt-12 pb-10 px-8 border-t border-[#f1f1f1]" style={firstComment}>
<h1 className="text-center text-black text-[22px] font-sans font-semibold mb-4 tracking-tight dark:text-white">{titleText}</h1>
<button onClick={handleSubscribeClick} className="text-white font-sans py-3 px-4 mb-6 rounded inline-block font-medium" style={buttonStyle}>
Subscribe now