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

Tweaked non-published comments in dark mode

Browse source 
refs https://github.com/TryGhost/Team/issues/1775
This commit is contained in:
James Morris 2022-08-11 13:57:35 +01:00
parent 1e72a267a3
commit e130c2edcd
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -83,8 +83,8 @@ const Avatar = (props) => {
// When an avatar has been deleted or hidden
if (props.isBlank) {
avatarEl = (
<div className={`flex justify-center items-center rounded-full bg-neutral-200 dark:opacity-70 ${dimensionClasses}`}>
<AvatarIcon className="stroke-white dark:stroke-neutral-600" />
<div className={`flex justify-center items-center rounded-full bg-neutral-200 bg-[rgba(200,200,200,0.3)] ${dimensionClasses}`}>
<AvatarIcon className="stroke-white dark:opacity-70" />
</div>
);
}

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

@ -100,7 +100,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
<div className="flex items-start -mt-[3px] mb-2">
{isNotPublished ?
<div className="flex flex-row items-center gap-4 pb-[8px] pr-4 h-12">
<p className="font-sans text-[16px] leading-normal text-neutral-300 italic mt-[4px]">{notPublishedMessage}</p>
<p className="font-sans text-[16px] leading-normal text-neutral-300 dark:text-[rgba(255,255,255,0.5)] italic mt-[4px]">{notPublishedMessage}</p>
<div className="mt-[4px]">
<More comment={comment} toggleEdit={toggleEditMode} />
</div>