zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update UI components and styling

Browse Source 
This commit includes overall UI and styling improvements in different areas of the application. In particular, it refactors the font usage in the tailwind configuration and modifies the Heading import path in `heading.tsx`. The pricing table and line item details in the billing gateway had been extensively updated to provide better visual representation. Finally, changes were made to the marketing page to make it more straightforward and clear.
This commit is contained in:
giancarlo
2024-04-25 20:17:50 +07:00
parent 0ad26e991d
commit 2a65cd0b95
5 changed files with 42 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/billing/gateway/src/components/line-item-details.tsx
View File

@@ -42,7 +42,7 @@ export function LineItemDetails(
<If condition={item.setupFee}>
<div className={className}>
<span className={'flex items-center space-x-1'}>
<PlusSquare className={'w-4'} />
<PlusSquare className={'w-3'} />
<span>
<Trans
@@ -65,7 +65,7 @@ export function LineItemDetails(
<div className={className}>
<span className={'flex items-center space-x-1'}>
<span className={'flex items-center space-x-1.5'}>
<PlusSquare className={'w-4'} />
<PlusSquare className={'w-3'} />
<span>
<Trans i18nKey={'billing:basePlan'} />
@@ -95,7 +95,7 @@ export function LineItemDetails(
<If condition={item.tiers?.length}>
<span className={'flex items-center space-x-1.5'}>
<PlusSquare className={'w-4'} />
<PlusSquare className={'w-3'} />
<span className={'flex space-x-1 text-sm'}>
<span>
@@ -118,7 +118,7 @@ export function LineItemDetails(
<div key={index} className={'flex flex-col'}>
<div className={className}>
<span className={'flex items-center space-x-1.5'}>
<PlusSquare className={'w-4'} />
<PlusSquare className={'w-3'} />
<span>
<Trans i18nKey={'billing:perTeamMember'} />
@@ -145,7 +145,7 @@ export function LineItemDetails(
<div className={className}>
<span className={'flex items-center space-x-1'}>
<span className={'flex items-center space-x-1.5'}>
<PlusSquare className={'w-4'} />
<PlusSquare className={'w-3'} />
<span className={'flex space-x-1'}>
<span>