Adjust breadcrumb spacing

This commit is contained in:
Tuan Dang
2023-06-27 16:12:18 +07:00
parent da144b4d02
commit 825143f17c
2 changed files with 6 additions and 4 deletions
@@ -57,7 +57,7 @@ export default function NavHeader({
); );
return ( return (
<div className="flex flex-row items-center pt-6"> <div className="ml-4 flex flex-row items-center pt-6">
<div className="mr-2 flex h-6 w-6 items-center justify-center rounded-md bg-primary-900 text-mineshaft-100"> <div className="mr-2 flex h-6 w-6 items-center justify-center rounded-md bg-primary-900 text-mineshaft-100">
{currentOrg?.name?.charAt(0)} {currentOrg?.name?.charAt(0)}
</div> </div>
@@ -9,16 +9,18 @@ import {
export const BillingSettingsPage = () => { export const BillingSettingsPage = () => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<div className="h-full p-8"> <div className="h-full py-8 px-4">
<NavHeader pageName={t("billing.title")} /> <NavHeader pageName={t("billing.title")} />
<div className="flex text-3xl mt-8 items-start max-w-screen-lg"> <div className="ml-4 flex text-3xl mt-8 items-start max-w-screen-lg">
<div className="flex-1"> <div className="flex-1">
<p className="font-semibold text-gray-200">{t("billing.title")}</p> <p className="font-semibold text-gray-200">{t("billing.title")}</p>
</div> </div>
<div /> <div />
</div> </div>
<BillingTabGroup /> <div className="ml-4">
<BillingTabGroup />
</div>
</div> </div>
); );
}; };