Skip to content

Commit

Permalink
[Tm-1653] Update design minitored charts labels (#818)
Browse files Browse the repository at this point in the history
* [TM-1653] Design Clean-Up: Monitoring Indicator - Tree Cover Loss & Tree Cover Loss by Fire

* [TM-1653] update style in charts and labels
dottyy authored Jan 21, 2025
1 parent 3a8afca commit f1a653a
Showing 4 changed files with 6 additions and 5 deletions.
2 changes: 1 addition & 1 deletion src/admin/components/ResourceTabs/InformationTab/index.tsx
Original file line number Diff line number Diff line change
@@ -147,7 +147,7 @@ const InformationTab: FC<IProps> = props => {
props.type === "project-reports"
}
>
<div className="flex flex-col gap-11">
<div className="flex flex-col gap-4">
<ContextCondition frameworksHide={[Framework.PPC]}>
<div className="flex flex-col gap-4">
<div className="flex items-center gap-1 py-8">
Original file line number Diff line number Diff line change
@@ -143,7 +143,7 @@ const MonitoredCharts = ({
title="Hectares Under Restoration By Target Land Use System"
data={landUseData.graphicTargetLandUseTypes}
maxValue={totalHectaresRestoredGoal}
className="pl-8"
className="pt-8 pl-8 lg:pt-9 wide:pt-10"
/>
</div>
</ChartContainer>
3 changes: 2 additions & 1 deletion src/components/extensive/Tables/TreeSpeciesTablePD.tsx
Original file line number Diff line number Diff line change
@@ -72,7 +72,7 @@ const TreeSpeciesTablePD = ({
result = modelName === "project" ? "noGoal" : "treeCount/Goal";
}
if (collection === "seeding") {
result = modelName === "project" ? "noGoal" : "seedCount/Goal";
result = "noGoal";
}
if (collection === "tree-planted") {
result =
@@ -369,6 +369,7 @@ const TreeSpeciesTablePD = ({
accessorKey: "treeCount",
header: "Count",
enableSorting: false,
meta: { width: secondColumnWidth },
cell: (props: any) => {
const value = props.getValue();
return (
4 changes: 2 additions & 2 deletions src/styles/custom-admin-page-styles.css
Original file line number Diff line number Diff line change
@@ -169,15 +169,15 @@
}

.MuiInputBase-root .MuiTablePagination-select {
@apply w-[70px] flex !py-0 items-center gap-4 !pl-5 !pr-0 bg-white focus:bg-white order-1 rounded-l-lg after:block after:content-[''] after:bg-primary-300 after:rounded-r-lg after:w-11 after:h-12
@apply w-[70px] flex !py-0 items-center gap-2 !pl-5 !pr-0 bg-white focus:bg-white order-1 rounded-l-lg after:block after:content-[''] after:bg-primary-300 after:rounded-r-lg after:w-11 after:h-12
}

.MuiInputBase-root .MuiTablePagination-select+input {
@apply h-11 w-11
}

.MuiTablePagination-selectIcon {
@apply !right-3
@apply !right-[6%]
}

.MuiTablePagination-selectLabel {

0 comments on commit f1a653a

Please sign in to comment.