update activity styles

permaweb · Jul 29, 2024 · cb8fd9e · cb8fd9e
1 parent d0a4002
commit cb8fd9e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/src/components/organisms/ActivityTable/styles.ts b/src/components/organisms/ActivityTable/styles.ts
@@ -260,18 +260,26 @@ export const AssetWrapper = styled(TableRowValue)`
 	min-width: 200px;
 	gap: 10px;
 	margin: 0 20px 0 0;
+	overflow: hidden;
 	a {
 		width: fit-content;
+		max-width: calc(100% - 42.5px);
 	}
 	p {
 		max-width: 100%;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		display: block;
+		overflow: hidden;
 		&:hover {
 			color: ${(props) => props.theme.colors.font.alt1};
 		}
 	}
 `;
 
 export const AssetDataWrapper = styled.div`
+	min-height: 32.5px;
+	min-width: 32.5px;
 	height: 32.5px;
 	width: 32.5px;
 	position: relative;
@@ -311,7 +319,7 @@ export const Event = styled.div<{ type: 'Listing' | 'Sale' | 'Purchase' }>`
 			? props.theme.colors.indicator.active
 			: props.type === 'Purchase'
 			? props.theme.colors.stats.primary
-			: props.theme.colors.indicator.neutral};
+			: props.theme.colors.stats.alt5};
 	border: 1px solid ${(props) => props.theme.colors.border.primary};
 	border-radius: ${STYLING.dimensions.radius.alt2};
 	p {

diff --git a/src/helpers/themes.ts b/src/helpers/themes.ts
@@ -3,7 +3,6 @@ import { DefaultTheme } from 'styled-components';
 export const lightTheme = {
 	positive1: '#64B686',
 	positive2: '#4EA673',
-	indicatorNeutral1: '#FCB247',
 	negative1: '#E94278',
 	negative2: '#E52461',
 	neutral1: '#FFFFFF',
@@ -35,23 +34,22 @@ export const lightTheme = {
 	dark1: '#151515',
 	stats: {
 		primary: '#FF8385',
-		alt1: '#A3DEE2', // Adjusted from #C1E6EB
-		alt2: '#B9B8D0', // Adjusted from #D9D8EF
-		alt3: '#8FC2D3', // Adjusted from #A5CFE1
-		alt4: '#6CB9D9', // Adjusted from #87D2F0
-		alt5: '#8886D9', // Adjusted from #A09EEE
-		alt6: '#FFBD9F', // Adjusted from #FFD9C5
-		alt7: '#A8DDE2', // Adjusted from #C6E8EF
-		alt8: '#F2A9D3', // Adjusted from #FBC5E5
-		alt9: '#6D909E', // Adjusted from #88A9B9
-		alt10: '#BFBFBF', // Adjusted from #DADADA
+		alt1: '#A3DEE2',
+		alt2: '#B9B8D0',
+		alt3: '#8FC2D3',
+		alt4: '#6CB9D9',
+		alt5: '#8886D9',
+		alt6: '#FFBD9F',
+		alt7: '#A8DDE2',
+		alt8: '#F2A9D3',
+		alt9: '#6D909E',
+		alt10: '#BFBFBF',
 	},
 };
 
 export const darkTheme = {
 	positive1: '#38BD80',
 	positive2: '#2F9D6A',
-	indicatorNeutral1: '#F39D1F',
 	labelAlt1: `#FFFFFF`,
 	negative1: '#D81E5B',
 	negative2: '#E43A72',
@@ -260,7 +258,6 @@ export const theme = (currentTheme: any): DefaultTheme => ({
 		},
 		indicator: {
 			active: currentTheme.positive1,
-			neutral: currentTheme.indicatorNeutral1,
 		},
 		link: {
 			color: currentTheme.neutralA1,