small change

uselagoon · Oct 10, 2024 · c00eabe · c00eabe
1 parent ad1a097
commit c00eabe
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 16 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.js b/dist/index.js
diff --git a/src/components/Card/styles.tsx b/src/components/Card/styles.tsx
@@ -8,7 +8,8 @@ const sharedCardStyles = css`
 	background-color: ${(props) => props.theme.UI.backgrounds.lagoonCard};
 	color: ${(props) => props.theme.UI.texts.primary};
 	box-shadow: 2px 2px 4px 0px #69696933;
-	border-color: transparent;
+  border: 1px solid ${(props) => props.theme.UI.borders.card};
+  border-left: none;
 `;
 
 export const LoadingCard = styled(Card)`
@@ -97,8 +98,10 @@ export const StyledCard = styled(Card)<{ $isMain?: boolean }>`
 		.ant-card-body {
 			padding: 0;
 			min-height: 9.375rem;
-			border-top: 1px solid ${(props) => props.theme.UI.borders.card};
-			border-bottom: 1px solid ${(props) => props.theme.UI.borders.card};
+			border-top: 1px solid
+				${(props) => (props.$isMain ? props.theme.UI.borders.cardInverted : props.theme.UI.borders.card)};
+			border-bottom: 1px solid
+				${(props) => (props.$isMain ? props.theme.UI.borders.cardInverted : props.theme.UI.borders.card)};
 			border-radius: 0;
 			& > .lagoon-label {
 				translate: 0 -3.5rem;

diff --git a/src/styles/theme.ts b/src/styles/theme.ts
@@ -28,6 +28,7 @@ export const darkTheme: DefaultTheme = {
     borders: {
       box: "#D9D9D9",
       card:"#fff",
+      cardInverted:colors.darkGray,
     },
     highlights: {
       selection: "#497ffa",
@@ -62,6 +63,7 @@ export const lightTheme: DefaultTheme = {
     borders: {
       box: "#75715E",
       card:colors.darkGray,
+      cardInverted:"#fff",
     },
     highlights: {
       selection: "#497ffa4d",

diff --git a/src/typings/styled.d.ts b/src/typings/styled.d.ts
@@ -33,6 +33,7 @@ export interface UITheme {
     borders: {
       box: string;
       card: string;
+      cardInverted: string;
     };
     notification: string;
   };