binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: responsive title (#1683)

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

7
apps/app/pages/[workspaceSlug]/settings/billing.tsx
View file

@ -16,6 +16,8 @@ import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
import type { NextPage } from "next";
// fetch-keys
import { WORKSPACE_DETAILS } from "constants/fetch-keys";
// helper
import { truncateText } from "helpers/string.helper";
const BillingSettings: NextPage = () => {
const {
@ -32,10 +34,11 @@ const BillingSettings: NextPage = () => {
breadcrumbs={
<Breadcrumbs>
<BreadcrumbItem
title={`${activeWorkspace?.name ?? "Workspace"}`}
title={`${truncateText(activeWorkspace?.name ?? "Workspace", 32)}`}
link={`/${workspaceSlug}`}
linkTruncate
/>
<BreadcrumbItem title="Billing & Plans Settings" />
<BreadcrumbItem title="Billing & Plans Settings" unshrinkTitle />
</Breadcrumbs>
}
>