Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-04 02:01:58 -05:00
Code Issues Activity

Added some dark styles

Browse source
This commit is contained in:
Peter Zimon 2022-07-05 15:56:44 +02:00
parent 4de5c7a64b
commit 736d07fbd0
4 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -11,13 +11,13 @@ function Comment(props) {
</div>
<div className="mt-[2px]">
<div className="flex justify-between items-center mb-2">
<h4 className="text-lg font-sans font-semibold mb-1">{comment.member.name}</h4>
<h4 className="text-lg font-sans font-semibold mb-1 dark:text-neutral-300">{comment.member.name}</h4>
{/* <h6 className="text-sm text-neutral-400 font-sans">{comment.member.bio}</h6> */}
<div className="text-sm text-neutral-400 font-sans font-normal">
{formatRelativeTime(comment.created_at)}
</div>
</div>
<div className="mb-4 font-sans leading-normal">
<div className="mb-4 font-sans leading-normal dark:text-neutral-300">
<p>{comment.html}</p>
</div>
</div>

8
apps/comments-ui/src/components/CommentsBox.js
View file

@ -46,11 +46,11 @@ class CommentsBox extends React.Component {
const containerClass = this.darkMode() ? 'dark' : '';
return (
<section>
<div className="flex justify-between items-end mb-6">
<h1 className="text-2xl font-sans font-bold tracking-tight">Members discussion</h1>
<section className={containerClass}>
{/* <div className="flex justify-between items-end mb-6">
<h1 className="text-2xl font-sans font-bold tracking-tight dark:text-neutral-300">Members discussion</h1>
<TotalComments />
</div>
</div> */}
<Pagination />
<div>
{comments}

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

@ -29,7 +29,7 @@ class Pagination extends React.Component {
}
return (
<button className="w-full rounded-md border p-3 mb-6 font-sans text-sm text-center" onClick={this.loadMore}>
<button className="w-full rounded-md border p-3 mb-6 font-sans text-sm text-center dark:border-neutral-500 dark:text-white" onClick={this.loadMore}>
Show {left} more comments
</button>
);

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

@ -10,7 +10,7 @@ class TotalComments extends React.Component {
}
return (
<section className="font-sans text-base text-neutral-400 mb-px">
<section className="font-sans text-base text-neutral-400 mb-px dark:text-white">
<p>{this.context.pagination.total} {this.context.pagination.total === 1 ? 'comment' : 'comments'}</p>
</section>
);