Updated the inactive button text color and text font, added the top b…

…order of pagination
Kwenta · Aug 1, 2023 · fa75693 · fa75693
1 parent 7508635
commit fa75693
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/app/src/components/Button/TabButton.tsx b/packages/app/src/components/Button/TabButton.tsx
@@ -112,11 +112,11 @@ const sharedStyle = css<{
 	&:disabled {
 		background-color: transparent;
 		p {
-			color: ${(props) => props.theme.colors.selectedTheme.button.tab.disabled.text};
+			color: ${(props) => props.theme.colors.selectedTheme.button.disabled.text};
 		}
 		svg {
 			path {
-				fill: ${(props) => props.theme.colors.selectedTheme.button.tab.disabled.text};
+				fill: ${(props) => props.theme.colors.selectedTheme.button.disabled.text};
 			}
 		}
 
@@ -136,7 +136,7 @@ const sharedStyle = css<{
 		color: ${(props) =>
 			props.active
 				? props.theme.colors.selectedTheme.button.text.primary
-				: props.theme.colors.selectedTheme.gray};
+				: props.theme.colors.selectedTheme.newTheme.text.secondary};
 	}
 
 	.detail {

diff --git a/packages/app/src/components/Table/Pagination.tsx b/packages/app/src/components/Table/Pagination.tsx
@@ -90,6 +90,7 @@ const PaginationContainer = styled(GridDivCenteredCol)<{ compact: boolean }>`
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
 	justify-items: center;
+	border-top: ${(props) => props.theme.colors.selectedTheme.border};
 
 	${media.lessThan('lg')`
 		border: ${(props) => props.theme.colors.selectedTheme.border};

diff --git a/packages/app/src/sections/leaderboard/TraderHistory.tsx b/packages/app/src/sections/leaderboard/TraderHistory.tsx
@@ -138,7 +138,7 @@ const TraderHistory: FC<TraderHistoryProps> = memo(
 										),
 										accessorKey: 'status',
 										cell: (cellProps) => {
-											return <StyledCell>{cellProps.row.original.status}</StyledCell>
+											return <Body color="primary">{cellProps.row.original.status}</Body>
 										},
 										size: 30,
 									},
@@ -265,7 +265,7 @@ const TraderHistory: FC<TraderHistoryProps> = memo(
 										),
 										accessorKey: 'status',
 										cell: (cellProps) => {
-											return <StyledCell>{cellProps.row.original.status}</StyledCell>
+											return <Body color="primary">{cellProps.row.original.status}</Body>
 										},
 										size: 30,
 									},