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

Little tweaks

Browse source
This commit is contained in:
James Morris 2022-07-06 16:55:14 +02:00
parent 50d5d74d91
commit ddd72eba98
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/comments-ui/src/components/AddForm.js
View file

@ -138,9 +138,9 @@ class AddForm extends React.Component {
</div> </div>
<div className="-mt-[51px] ml-14 pr-3 font-sans leading-normal dark:text-neutral-300"> <div className="-mt-[51px] ml-14 pr-3 font-sans leading-normal dark:text-neutral-300">
<div className="relative w-full"> <div className="relative w-full">
<textarea className={`transition-[height] ${this.state.focused ? 'cursor-text h-40 duration-0' : 'cursor-pointer duration-150 hover:border-slate-300'} w-full resize-none rounded-md border border-slate-200 h-12 p-3 font-sans mb-1 leading-normal focus:outline-0 dark:bg-[rgba(255,255,255,0.08)] dark:border-none dark:text-neutral-300`} value={this.state.message} onChange={this.handleChange} onFocus={this.handleFocus} onBlur={this.handleBlur} placeholder={this.state.focused ? '' : 'Add to the discussion'} /> <textarea className={`transition-[height] ${this.state.focused ? 'cursor-text h-40' : 'cursor-pointer hover:border-slate-300'} duration-150 w-full resize-none rounded-md border border-slate-200 h-12 p-3 font-sans mb-1 leading-normal focus:outline-0 dark:bg-[rgba(255,255,255,0.08)] dark:border-none dark:text-neutral-300`} value={this.state.message} onChange={this.handleChange} onFocus={this.handleFocus} onBlur={this.handleBlur} placeholder={this.state.focused ? '' : 'Add to the discussion'} />
<button className={`transition-[opacity] ${this.state.focused ? 'opacity-100 duration-0' : 'opacity-0 duration-150'} rounded-md border p-3 py-3 font-sans text-sm text-center bg-black font-semibold text-white dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800`} type="submit">Add your comment</button> <button className={`transition-[opacity] ${this.state.focused ? 'opacity-100' : 'opacity-0'} duration-150 rounded-md border p-3 py-3 font-sans text-sm text-center bg-black font-semibold text-white dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800`} type="submit">Add your comment</button>
<button className={`transition-[opacity] ${this.state.focused ? 'opacity-0 duration-0' : 'opacity-100 duration-100'} absolute top-[5px] right-[5px] rounded-md border p-2 font-sans text-sm text-center bg-black font-semibold text-white pointer-events-none dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800`} disabled="true">Comment</button> <button className={`transition-[opacity] ${this.state.focused ? 'opacity-0' : 'opacity-100'} duration-100 absolute top-[5px] right-[5px] rounded-md border p-2 font-sans text-sm text-center bg-black font-semibold text-white pointer-events-none dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800`} disabled="true">Comment</button>
</div> </div>
</div> </div>
</div> </div>

2
apps/comments-ui/src/components/Comment.js
View file

@ -55,7 +55,7 @@ class Comment extends React.Component {
); );
} else { } else {
return ( return (
<div className="flex mb-8"> <div className="flex mb-10">
<div> <div>
<div className="flex mb-2 space-x-4 justify-start items-center"> <div className="flex mb-2 space-x-4 justify-start items-center">
<Avatar comment={comment} /> <Avatar comment={comment} />