diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-06-06 00:21:15 -0400 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-06-06 00:21:15 -0400 |
| commit | 60eaf08df63b77ce31ce8afaa77fdd6b357c8a8a (patch) | |
| tree | 3829dddf518ada1dcdbdda12716ce4ee39a5a500 /extension/react-app/src/components/index.ts | |
| parent | 8e5f5fc5c92ebc77578ffda5ce1fbc35bea60016 (diff) | |
| download | sncontinue-60eaf08df63b77ce31ce8afaa77fdd6b357c8a8a.tar.gz sncontinue-60eaf08df63b77ce31ce8afaa77fdd6b357c8a8a.tar.bz2 sncontinue-60eaf08df63b77ce31ce8afaa77fdd6b357c8a8a.zip | |
many design improvements
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%, |