OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small style tweaks for left aligned better

Browse Source
This commit is contained in:
James Morris 2022-07-05 15:37:25 +01:00
parent cc58f97e1a
commit 68b7fe2e6b
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/comments-ui/src/components/Comment.js
View File

@ -8,18 +8,20 @@ function Comment(props) {
return (
<div className="flex mb-4">
<div className="mr-4">
<Avatar />
</div>
<div className="mt-[2px]">
<div className="flex justify-between items-center mb-2">
<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 className="flex mb-2 space-x-4 justify-start items-center">
<Avatar />
<div>
<h4 className="text-lg font-sans font-bold mb-1 tracking-tight dark:text-neutral-300">{comment.member.name}</h4>
<h6 className="text-xs text-neutral-400 font-sans">{formatRelativeTime(comment.created_at)}</h6>
</div>
{/* <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 dark:text-neutral-300">
<div className="ml-14 mb-4 font-sans leading-normal dark:text-neutral-300">
<p dangerouslySetInnerHTML={html} className="whitespace-pre-wrap"></p>
</div>
</div>

6
apps/comments-ui/src/components/CommentsBox.js
View File

@ -2,7 +2,7 @@ import React from 'react';
import AppContext from '../AppContext';
import NotSignedInBox from './NotSignedInBox';
import Form from './Form';
import TotalComments from './TotalComments';
// import TotalComments from './TotalComments';
import Comment from './Comment';
import Pagination from './Pagination';
@ -15,7 +15,7 @@ class CommentsBox extends React.Component {
}
luminance(r, g, b) {
var a = [r, g, b].map(function(v) {
var a = [r, g, b].map(function (v) {
v /= 255;
return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
});
@ -48,7 +48,7 @@ class CommentsBox extends React.Component {
return (
<section className={containerClass}>
{/* <div className="flex justify-between items-end mb-6">
{/* <div className="flex justify-between items-end mb-10">
<h1 className="text-2xl font-sans font-bold tracking-tight dark:text-neutral-300">Members discussion</h1>
<TotalComments />
</div> */}