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: ui improvements (#1605)

Browse Source 
* style: automation setting border

* style: sidebar ui improvement
This commit is contained in:
Anmol Singh Bhatia 2023-07-21 12:37:48 +05:30 committed by GitHub
parent 26eb3b59ce
commit 4424d67073
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/components/automation/auto-archive-automation.tsx
View File

@ -28,7 +28,7 @@ export const AutoArchiveAutomation: React.FC<Props> = ({ projectDetails, handleC
handleClose={() => setmonthModal(false)} handleClose={() => setmonthModal(false)}
handleChange={handleChange} handleChange={handleChange}
/> />
<div className="flex flex-col gap-7 px-6 py-5 rounded-[10px] border border-custom-border-100 bg-custom-background-90"> <div className="flex flex-col gap-7 px-6 py-5 rounded-[10px] border border-custom-border-300 bg-custom-background-90">
<div className="flex items-center justify-between gap-x-8 gap-y-2"> <div className="flex items-center justify-between gap-x-8 gap-y-2">
<div className="flex flex-col gap-2.5"> <div className="flex flex-col gap-2.5">
<h4 className="text-lg font-semibold">Auto-archive closed issues</h4> <h4 className="text-lg font-semibold">Auto-archive closed issues</h4>

2
apps/app/components/automation/auto-close-automation.tsx
View File

@ -77,7 +77,7 @@ export const AutoCloseAutomation: React.FC<Props> = ({ projectDetails, handleCha
handleChange={handleChange} handleChange={handleChange}
/> />
<div className="flex flex-col gap-7 px-6 py-5 rounded-[10px] border border-custom-border-100 bg-custom-background-90"> <div className="flex flex-col gap-7 px-6 py-5 rounded-[10px] border border-custom-border-300 bg-custom-background-90">
<div className="flex items-center justify-between gap-x-8 gap-y-2 "> <div className="flex items-center justify-between gap-x-8 gap-y-2 ">
<div className="flex flex-col gap-2.5"> <div className="flex flex-col gap-2.5">
<h4 className="text-lg font-semibold">Auto-close inactive issues</h4> <h4 className="text-lg font-semibold">Auto-close inactive issues</h4>

35
apps/app/components/notifications/notification-popover.tsx
View File

@ -94,21 +94,28 @@ export const NotificationPopover = () => {
<Popover className="relative w-full"> <Popover className="relative w-full">
{({ open: isActive, close: closePopover }) => ( {({ open: isActive, close: closePopover }) => (
<> <>
<Popover.Button <Tooltip
className={`group flex w-full items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium outline-none ${ tooltipContent="Notifications"
isActive position="right"
? "bg-custom-primary-100/10 text-custom-primary-100" className="ml-2"
: "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80" disabled={!sidebarCollapse}
} ${sidebarCollapse ? "justify-center" : ""}`}
> >
<NotificationsOutlined fontSize="small" /> <Popover.Button
{sidebarCollapse ? null : <span>Notifications</span>} className={`group flex w-full items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium outline-none ${
{totalNotificationCount && totalNotificationCount > 0 ? ( isActive
<span className="ml-auto bg-custom-primary-300 rounded-full text-xs text-white px-1.5"> ? "bg-custom-primary-100/10 text-custom-primary-100"
{getNumberCount(totalNotificationCount)} : "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80"
</span> } ${sidebarCollapse ? "justify-center" : ""}`}
) : null} >
</Popover.Button> <NotificationsOutlined fontSize="small" />
{sidebarCollapse ? null : <span>Notifications</span>}
{totalNotificationCount && totalNotificationCount > 0 ? (
<span className="ml-auto bg-custom-primary-300 rounded-full text-xs text-white px-1.5">
{getNumberCount(totalNotificationCount)}
</span>
) : null}
</Popover.Button>
</Tooltip>
<Transition <Transition
as={Fragment} as={Fragment}
enter="transition ease-out duration-200" enter="transition ease-out duration-200"

2
apps/app/components/workspace/help-section.tsx
View File

@ -57,7 +57,7 @@ export const WorkspaceHelpSection: React.FC<WorkspaceHelpSectionProps> = ({ setS
}`} }`}
> >
{!sidebarCollapse && ( {!sidebarCollapse && (
<div className="w-1/2 text-center rounded-md px-2.5 py-1.5 font-medium outline-none text-sm bg-green-500/10 text-green-500"> <div className="w-1/2 text-center cursor-default rounded-md px-2.5 py-1.5 font-medium outline-none text-sm bg-green-500/10 text-green-500">
Free Plan Free Plan
</div> </div>
)} )}