[WEB-2384] chore: current plan badge UI improvement. (#1039)

This commit is contained in:
Prateek Shourya
2024-09-05 16:18:48 +05:30
committed by GitHub
parent 0b1b13a68a
commit b3cd35c2ec
3 changed files with 5 additions and 5 deletions

View File

@@ -71,7 +71,7 @@ export const CloudEditionBadge = observer(() => {
<Button
tabIndex={-1}
variant="accent-primary"
className="w-full cursor-pointer rounded-2xl px-4 py-1.5 text-center text-sm font-medium outline-none"
className="w-fit min-w-24 cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
onClick={handleProPlanPurchaseModalOpen}
>
{renderButtonText()}
@@ -82,7 +82,7 @@ export const CloudEditionBadge = observer(() => {
<Button
tabIndex={-1}
variant="accent-primary"
className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
className="w-fit cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
onClick={handlePaidPlanSuccessModalOpen}
>
<Image src={PlaneLogo} alt="Plane Pro" width={14} height={14} />

View File

@@ -32,7 +32,7 @@ export const PlaneOneEditionBadge = observer(() => {
<Button
variant="accent-primary"
tabIndex={-1}
className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none text-custom-primary-300"
className="w-fit cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none text-custom-primary-300"
onClick={handlePlaneOneModalOpen}
>
<Image src={PlaneOneLogo} alt="Plane One" width={24} height={24} />

View File

@@ -28,7 +28,7 @@ export const SelfManagedEditionBadge = observer(() => {
<Button
tabIndex={-1}
variant="accent-primary"
className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
className="w-fit min-w-24 cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
onClick={() => setIsPaidPlanPurchaseModalOpen(true)}
>
Upgrade
@@ -46,7 +46,7 @@ export const SelfManagedEditionBadge = observer(() => {
<Button
tabIndex={-1}
variant="accent-primary"
className="w-full cursor-pointer rounded-2xl px-3 py-1.5 text-center text-sm font-medium outline-none"
className="w-fit cursor-pointer rounded-2xl px-4 py-1 text-center text-sm font-medium outline-none"
onClick={() => handleSuccessModalToggle(true)}
>
<Image src={PlaneLogo} alt="Plane Pro" width={14} height={14} />