Merge pull request #8 from Adrienne14/feature/2-add-border

Feature: (#2): Add border to card img display
mgguild · Oct 27, 2023 · 9b55d27 · 9b55d27
2 parents d7da5bc + ee0c476
commit 9b55d27
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/views/MarketplaceV2/components/Card/styled.tsx b/src/views/MarketplaceV2/components/Card/styled.tsx
@@ -56,7 +56,7 @@ export const CardText = styled(TextWrapper)`
 export const Display = styled(backgroundProp)<{ bg?: string }>`
   ${commonSectionStyle({ justify: 'center', align: 'center' })}
   flex: 3;
-  border: 2px solid #5aa2cf;
+  border: 4px solid ${COLORS.BORDER};
   position: relative;
   border-radius: 10px;
   & img {

diff --git a/src/views/MarketplaceV2/styles/constants.tsx b/src/views/MarketplaceV2/styles/constants.tsx
@@ -45,7 +45,7 @@ export const PADDING: { [key: string]: { [key: string]: number } } = {
 export const HEIGHT: { [key: string]: number } = { FOOTER: 15, MENU: 10 }
 
 // Colors
-export const DEFAULT_BORDERS = '2px solid #3898b8'
+export const DEFAULT_BORDERS = '1px solid #3898b8'
 export const COLORS: { [key: string]: string } = {
   BACKGROUND: '#110217',
   MAIN: '#291e5c',