github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: added divider to the pages block (#571)

Browse Source 
* style: added hr to the pages block

* style: added divider and removed hr

* chore: removed index prop

* chore: removed index
This commit is contained in:
kunalv17 2023-03-29 18:36:52 +05:30 committed by GitHub
parent 10657d4796
commit 4e9715a5b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/app/components/pages/single-page-block.tsx
View File

@ -24,7 +24,6 @@ import { ArrowPathIcon } from "@heroicons/react/20/solid";
import { import {
BoltIcon, BoltIcon,
CheckIcon, CheckIcon,
CursorArrowRaysIcon,
SparklesIcon, SparklesIcon,
} from "@heroicons/react/24/outline"; } from "@heroicons/react/24/outline";
// helpers // helpers
@ -244,7 +243,7 @@ export const SinglePageBlock: React.FC<Props> = ({ block, projectDetails }) => {
description_html: watch("description_html"), description_html: watch("description_html"),
}} }}
/> />
<div className="-mx-3 -mt-2 flex items-center justify-between gap-2"> <div className="-mx-3 mt-4 flex items-center justify-between gap-2">
<Input <Input
id="name" id="name"
name="name" name="name"

46
apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
View File

@ -65,11 +65,11 @@ const SinglePage: NextPage<UserAuth> = (props) => {
workspaceSlug && projectId && pageId ? PAGE_DETAILS(pageId as string) : null, workspaceSlug && projectId && pageId ? PAGE_DETAILS(pageId as string) : null,
workspaceSlug && projectId workspaceSlug && projectId
? () => ? () =>
pagesService.getPageDetails( pagesService.getPageDetails(
workspaceSlug as string, workspaceSlug as string,
projectId as string, projectId as string,
pageId as string pageId as string
) )
: null : null
); );
@ -77,11 +77,11 @@ const SinglePage: NextPage<UserAuth> = (props) => {
workspaceSlug && projectId && pageId ? PAGE_BLOCKS_LIST(pageId as string) : null, workspaceSlug && projectId && pageId ? PAGE_BLOCKS_LIST(pageId as string) : null,
workspaceSlug && projectId workspaceSlug && projectId
? () => ? () =>
pagesService.listPageBlocks( pagesService.listPageBlocks(
workspaceSlug as string, workspaceSlug as string,
projectId as string, projectId as string,
pageId as string pageId as string
) )
: null : null
); );
@ -272,9 +272,8 @@ const SinglePage: NextPage<UserAuth> = (props) => {
key={label.id} key={label.id}
className="group flex items-center gap-1 rounded-2xl border px-2 py-0.5 text-xs" className="group flex items-center gap-1 rounded-2xl border px-2 py-0.5 text-xs"
style={{ style={{
backgroundColor: `${ backgroundColor: `${label?.color && label.color !== "" ? label.color : "#000000"
label?.color && label.color !== "" ? label.color : "#000000" }20`,
}20`,
}} }}
> >
<span <span
@ -342,9 +341,8 @@ const SinglePage: NextPage<UserAuth> = (props) => {
<> <>
<Popover.Button <Popover.Button
type="button" type="button"
className={`group inline-flex items-center outline-none ${ className={`group inline-flex items-center outline-none ${open ? "text-gray-900" : "text-gray-500"
open ? "text-gray-900" : "text-gray-500" }`}
}`}
> >
{watch("color") && watch("color") !== "" ? ( {watch("color") && watch("color") !== "" ? (
<span <span
@ -406,13 +404,15 @@ const SinglePage: NextPage<UserAuth> = (props) => {
{pageBlocks ? ( {pageBlocks ? (
<> <>
{pageBlocks.length !== 0 && ( {pageBlocks.length !== 0 && (
<div className="space-y-4"> <div className="space-y-4 divide-y">
{pageBlocks.map((block) => ( {pageBlocks.map((block, index) => (
<SinglePageBlock <>
key={block.id} <SinglePageBlock
block={block} key={block.id}
projectDetails={projectDetails} block={block}
/> projectDetails={projectDetails}
/>
</>
))} ))}
</div> </div>
)} )}