diff options
| author | jackyzha0 <[email protected]> | 2021-03-05 23:50:11 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-05 23:50:11 -0800 |
| commit | 6c974b237a9b7a8bd8f294d210157e19acf4c7fe (patch) | |
| tree | cbaa793a6f1468ae4d2c6b5d91bae38fe7dc0840 /frontend/src/components/decorators | |
| parent | text area styling (diff) | |
| download | ctrl-v-6c974b237a9b7a8bd8f294d210157e19acf4c7fe.tar.xz ctrl-v-6c974b237a9b7a8bd8f294d210157e19acf4c7fe.zip | |
button styling
Diffstat (limited to 'frontend/src/components/decorators')
| -rw-r--r-- | frontend/src/components/decorators/CharLimit.js | 15 |
1 files changed, 3 insertions, 12 deletions
diff --git a/frontend/src/components/decorators/CharLimit.js b/frontend/src/components/decorators/CharLimit.js index 1b5de91..5201377 100644 --- a/frontend/src/components/decorators/CharLimit.js +++ b/frontend/src/components/decorators/CharLimit.js @@ -8,21 +8,12 @@ const Chars = styled.p` font-size: 0.8em; writing-mode: vertical-rl; top: 50%; - transform: translate(5em, -50%); + transform: translate(4em, -50%); right: 0; transition: all 0.5s cubic-bezier(.25,.8,.25,1); - ${props => - ((props.content.length / props.maxLength) > 0.5) && - css` - color: #111111; - `}; - - ${props => - ((props.content.length / props.maxLength) > 1) && - css` - color: #ee1111; - `}; + ${p => ((p.content.length / p.maxLength) > 0.5) && ` color: ${p.theme.colors.text}; `}; + ${p => ((p.content.length / p.maxLength) > 1) && ` color: ${p.theme.colors.error}; `}; `; const CharLimit = (props) => { |