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"

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

@ -272,8 +272,7 @@ 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`,
}} }}
> >
@ -342,8 +341,7 @@ 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") !== "" ? (
@ -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 <SinglePageBlock
key={block.id} key={block.id}
block={block} block={block}
projectDetails={projectDetails} projectDetails={projectDetails}
/> />
</>
))} ))}
</div> </div>
)} )}