fix: ui fixes (#246)

* style: shortcut command label bg color change

* sidebar shortcut ui fix

---------

Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
This commit is contained in:
Anmol Singh Bhatia 2023-02-07 19:28:09 +05:30 committed by GitHub
parent 859fef24f4
commit d5bf1f7a91
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 16 additions and 16 deletions

View File

@ -218,7 +218,7 @@ export const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) =>
<LayerDiagonalIcon height="56" width="56" /> <LayerDiagonalIcon height="56" width="56" />
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No issues found. Create a new issue with{" "} No issues found. Create a new issue with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
</h3> </h3>
</div> </div>
)} )}

View File

@ -172,7 +172,7 @@ export const ExistingIssuesListModal: React.FC<Props> = ({
<LayerDiagonalIcon height="56" width="56" /> <LayerDiagonalIcon height="56" width="56" />
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No issues found. Create a new issue with{" "} No issues found. Create a new issue with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
</h3> </h3>
</div> </div>
)} )}

View File

@ -212,7 +212,7 @@ export const ParentIssuesListModal: React.FC<Props> = ({
<LayerDiagonalIcon height="56" width="56" /> <LayerDiagonalIcon height="56" width="56" />
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No issues found. Create a new issue with{" "} No issues found. Create a new issue with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
</h3> </h3>
</div> </div>
)} )}

View File

@ -266,7 +266,7 @@ export const SidebarBlockedSelect: React.FC<Props> = ({
<LayerDiagonalIcon height="56" width="56" /> <LayerDiagonalIcon height="56" width="56" />
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No issues found. Create a new issue with{" "} No issues found. Create a new issue with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
</h3> </h3>
</div> </div>
)} )}

View File

@ -266,7 +266,7 @@ export const SidebarBlockerSelect: React.FC<Props> = ({
<LayerDiagonalIcon height="56" width="56" /> <LayerDiagonalIcon height="56" width="56" />
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No issues found. Create a new issue with{" "} No issues found. Create a new issue with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
</h3> </h3>
</div> </div>
)} )}

View File

@ -64,7 +64,7 @@ const CycleStatsView: React.FC<TCycleStatsViewProps> = ({
)} )}
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No {type} {type === "current" ? "cycle" : "cycles"} yet. Create with{" "} No {type} {type === "current" ? "cycle" : "cycles"} yet. Create with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">Q</pre>.
</h3> </h3>
</div> </div>
)} )}

View File

@ -92,7 +92,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
}); });
document.dispatchEvent(e); document.dispatchEvent(e);
}} }}
title="Help" title="Shortcuts"
> >
<BoltIcon className="h-4 w-4 text-gray-500" /> <BoltIcon className="h-4 w-4 text-gray-500" />
{!sidebarCollapse && <span>Shortcuts</span>} {!sidebarCollapse && <span>Shortcuts</span>}
@ -133,7 +133,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
title="Help" title="Help"
> >
<QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" /> <QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
{!sidebarCollapse && <span>Help ?</span>} {!sidebarCollapse && <span>Help?</span>}
</button> </button>
</div> </div>
</div> </div>

View File

@ -133,7 +133,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
}); });
document.dispatchEvent(e); document.dispatchEvent(e);
}} }}
title="Help" title="Shortcuts"
> >
<BoltIcon className="h-4 w-4 text-gray-500" /> <BoltIcon className="h-4 w-4 text-gray-500" />
{!sidebarCollapse && <span>Shortcuts</span>} {!sidebarCollapse && <span>Shortcuts</span>}
@ -174,7 +174,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
title="Help" title="Help"
> >
<QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" /> <QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
{!sidebarCollapse && <span>Help ?</span>} {!sidebarCollapse && <span>Help?</span>}
</button> </button>
</div> </div>
</div> </div>

View File

@ -164,7 +164,7 @@ const WorkspacePage: NextPage = () => {
<LayerDiagonalIcon height="56" width="56" /> <LayerDiagonalIcon height="56" width="56" />
<h3 className="text-gray-500"> <h3 className="text-gray-500">
No issues found. Create a new issue with{" "} No issues found. Create a new issue with{" "}
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>. <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
</h3> </h3>
</div> </div>
) )

View File

@ -181,7 +181,7 @@ const MyIssuesPage: NextPage = () => {
title="Create a new issue" title="Create a new issue"
description={ description={
<span> <span>
Use <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre> shortcut Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut
to create a new issue to create a new issue
</span> </span>
} }

View File

@ -177,7 +177,7 @@ const ProjectCycles: NextPage = () => {
title="Create a new cycle" title="Create a new cycle"
description={ description={
<span> <span>
Use <pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre> shortcut to Use <pre className="inline rounded bg-gray-200 px-2 py-1">Q</pre> shortcut to
create a new cycle create a new cycle
</span> </span>
} }

View File

@ -88,7 +88,7 @@ const ProjectIssues: NextPage<UserAuth> = (props) => {
title="Create a new issue" title="Create a new issue"
description={ description={
<span> <span>
Use <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre> shortcut to Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut to
create a new issue create a new issue
</span> </span>
} }

View File

@ -85,7 +85,7 @@ const ProjectModules: NextPage = () => {
title="Create a new module" title="Create a new module"
description={ description={
<span> <span>
Use <pre className="inline rounded bg-gray-100 px-2 py-1">M</pre> shortcut to Use <pre className="inline rounded bg-gray-200 px-2 py-1">M</pre> shortcut to
create a new module create a new module
</span> </span>
} }

View File

@ -88,7 +88,7 @@ const ProjectsPage: NextPage = () => {
title="Create a new project" title="Create a new project"
description={ description={
<span> <span>
Use <pre className="inline rounded bg-gray-100 px-2 py-1">P</pre> shortcut to Use <pre className="inline rounded bg-gray-200 px-2 py-1">P</pre> shortcut to
create a new project create a new project
</span> </span>
} }