diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-06-06 09:26:54 -0400 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-06-06 09:26:54 -0400 |
| commit | 5cb69176f731d6e93802e29eb37c5c5d83003be2 (patch) | |
| tree | 5cdd3b786e0391648a265be117c53f9162f64f18 /extension/react-app/src/components/index.ts | |
| parent | 9f33cac01eef7cbe15dafb4bd51666195f120d69 (diff) | |
| parent | 60eaf08df63b77ce31ce8afaa77fdd6b357c8a8a (diff) | |
| download | sncontinue-5cb69176f731d6e93802e29eb37c5c5d83003be2.tar.gz sncontinue-5cb69176f731d6e93802e29eb37c5c5d83003be2.tar.bz2 sncontinue-5cb69176f731d6e93802e29eb37c5c5d83003be2.zip | |
Merge branch 'design'
Diffstat (limited to 'extension/react-app/src/components/index.ts')
| -rw-r--r-- | extension/react-app/src/components/index.ts | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/extension/react-app/src/components/index.ts b/extension/react-app/src/components/index.ts index 7ba60467..ac5faa41 100644 --- a/extension/react-app/src/components/index.ts +++ b/extension/react-app/src/components/index.ts @@ -3,6 +3,7 @@ import styled, { keyframes } from "styled-components"; export const defaultBorderRadius = "5px"; export const secondaryDark = "rgb(37 37 38)"; export const vscBackground = "rgb(30 30 30)"; +export const vscBackgroundTransparent = "#1e1e1ede"; export const buttonColor = "rgb(113 28 59)"; export const buttonColorHover = "rgb(113 28 59 0.67)"; @@ -94,9 +95,13 @@ export const Loader = styled.div` margin: auto; `; -export const GradientBorder = styled.div<{ borderWidth?: string }>` - border-radius: ${defaultBorderRadius}; - padding: ${(props) => props.borderWidth || "1px"}; +export const GradientBorder = styled.div<{ + borderWidth?: string; + borderRadius?: string; +}>` + border-radius: ${(props) => props.borderRadius || "0"}; + padding-top: ${(props) => props.borderWidth || "1px"}; + padding-bottom: ${(props) => props.borderWidth || "1px"}; background: linear-gradient( 101.79deg, #12887a 0%, |