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

Brought the pagination style inline with the reply one

Browse source 
refs https://github.com/TryGhost/Team/issues/1703
This commit is contained in:
James Morris 2022-07-27 13:35:35 +01:00
parent 1ff7b15a50
commit 14dedbf95a
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -19,8 +19,9 @@ const Pagination = (props) => {
}
return (
<button className="transition-[background-color] duration-200 ease-out w-full rounded-md bg-neutral-100 hover:bg-neutral-200 text-neutral-700 font-semibold px-3 py-3.5 mb-12 font-sans text-md text-center dark:bg-[rgba(255,255,255,0.08)] dark:text-white" onClick={loadMore}>
↑ Show {left} previous comments
<button className="group w-full text-neutral-700 font-semibold px-0 pt-0 pb-2 mt-4 sm:mt-0 mb-10 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}>
<span className="whitespace-nowrap mr-4">↑ Show {left} previous comments</span>
<span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 group-hover:bg-neutral-200 dark:bg-[rgba(255,255,255,0.08)] rounded h-[3px] mt-[3px]" />
</button>
);
};