Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change icon spacing in license page #9823

Merged
merged 1 commit into from
May 6, 2022
Merged

Change icon spacing in license page #9823

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions components/dashboard/src/admin/License.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ function defaultMessage(): ReactElement[] {
return (
<span className="text-gray-600 dark:text-gray-50 flex font-semibold items-center">
<div>Inactive or unknown license</div>
<div className="flex justify-right my-4 mx-1">
<div className="flex justify-right my-4 mr-2 ml-4">
<Alert fill="grey" className="h-8 w-8" />
</div>
</span>
Expand All @@ -145,14 +145,14 @@ function professionalPlan(userCount: number, seats: number, trial: boolean, vali
return aboveLimit ? (
<span className="text-red-700 dark:text-red-400 flex font-semibold items-center">
<div>You have exceeded the usage limit.</div>
<div className="flex justify-right my-4 mx-1">
<div className="flex justify-right my-4 mr-2 ml-4">
<Alert className="h-6 w-6" />
</div>
</span>
) : (
<span className="text-green-600 dark:text-green-400 flex font-semibold items-center">
<div>You have an active professional license.</div>
<div className="flex justify-right my-4 mx-1">
<div className="flex justify-right my-4 mr-2 ml-4">
<Success className="h-8 w-8" />
</div>
</span>
Expand Down Expand Up @@ -183,14 +183,14 @@ function communityPlan(userCount: number, seats: number, fallbackAllowed: boolea
return fallbackAllowed ? (
<div className="text-gray-600 dark:text-gray-50 flex font-semibold items-center">
<div>No active license. You are using community edition.</div>
<div className="my-4 mx-1 ">
<div className="my-4 mr-2 ml-4">
<Success className="h-8 w-8" />
</div>
</div>
) : (
<span className="text-red-700 dark:text-red-400 flex font-semibold items-center">
<div>No active license. You have exceeded the usage limit.</div>
<div className="flex justify-right my-4 mx-1">
<div className="flex justify-right my-4 mr-2 ml-4">
<Alert className="h-8 w-8" />
</div>
</span>
Expand All @@ -199,7 +199,7 @@ function communityPlan(userCount: number, seats: number, fallbackAllowed: boolea
return (
<span className="text-green-600 dark:text-green-400 flex font-semibold items-center">
<div>You are using the free community edition.</div>
<div className="flex justify-right my-4 mx-1">
<div className="flex justify-right my-4 mr-2 ml-4">
<Success fill="green" className="h-8 w-8" />
</div>
</span>
Expand Down