style: responsive title (#1683)

* style: responsive issue title added

* style: responsive breadcrumbs and app-header layout

* style: breadcrumbs styling

* fix: app header dropdown issue and limit app header title to 32 characters
This commit is contained in:
Anmol Singh Bhatia 2023-07-31 17:22:48 +05:30 committed by GitHub
parent 81b1405448
commit e8f748a67d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
30 changed files with 155 additions and 68 deletions

View file

@ -27,6 +27,8 @@ import type { NextPage } from "next";
import { WORKSPACE_DETAILS, WORKSPACE_INVITATIONS, WORKSPACE_MEMBERS } from "constants/fetch-keys";
// constants
import { ROLE } from "constants/workspace";
// helper
import { truncateText } from "helpers/string.helper";
const MembersSettings: NextPage = () => {
const [selectedRemoveMember, setSelectedRemoveMember] = useState<string | null>(null);
@ -89,10 +91,11 @@ const MembersSettings: NextPage = () => {
breadcrumbs={
<Breadcrumbs>
<BreadcrumbItem
title={`${activeWorkspace?.name ?? "Workspace"}`}
title={`${truncateText(activeWorkspace?.name ?? "Workspace", 32)}`}
link={`/${workspaceSlug}`}
linkTruncate
/>
<BreadcrumbItem title="Members Settings" />
<BreadcrumbItem title="Members Settings" unshrinkTitle />
</Breadcrumbs>
}
>