summaryrefslogtreecommitdiff
path: root/extension/react-app/src/components/index.ts
diff options
context:
space:
mode:
Diffstat (limited to 'extension/react-app/src/components/index.ts')
-rw-r--r--extension/react-app/src/components/index.ts8
1 files changed, 6 insertions, 2 deletions
diff --git a/extension/react-app/src/components/index.ts b/extension/react-app/src/components/index.ts
index ac5faa41..4966f3e8 100644
--- a/extension/react-app/src/components/index.ts
+++ b/extension/react-app/src/components/index.ts
@@ -98,17 +98,21 @@ export const Loader = styled.div`
export const GradientBorder = styled.div<{
borderWidth?: string;
borderRadius?: string;
+ borderColor?: string;
}>`
border-radius: ${(props) => props.borderRadius || "0"};
padding-top: ${(props) => props.borderWidth || "1px"};
padding-bottom: ${(props) => props.borderWidth || "1px"};
- background: linear-gradient(
+ background: ${(props) =>
+ props.borderColor
+ ? props.borderColor
+ : `linear-gradient(
101.79deg,
#12887a 0%,
#87245c 37.64%,
#e12637 65.98%,
#ffb215 110.45%
- );
+ )`};
`;
export const MainContainerWithBorder = styled.div<{ borderWidth?: string }>`