mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-16 17:49:09 +00:00
feat(editor): add permalink section in editor
This commit is contained in:
parent
f86eaae5e9
commit
0d96a4f973
11 changed files with 125 additions and 2 deletions
19
packages/design-system/atoms/copy-area/CopyArea.styled.ts
Normal file
19
packages/design-system/atoms/copy-area/CopyArea.styled.ts
Normal file
|
@ -0,0 +1,19 @@
|
|||
import { palette } from '@roleypoly/design-system/atoms/colors';
|
||||
import { StyledTextInput } from '@roleypoly/design-system/atoms/text-input';
|
||||
import styled, { css } from 'styled-components';
|
||||
|
||||
export const CopyAreaStyled = styled.div`
|
||||
cursor: pointer;
|
||||
`;
|
||||
|
||||
export const CopyAreaTextInput = styled(StyledTextInput)<{ copied?: boolean }>`
|
||||
margin: 0.5em 0;
|
||||
cursor: pointer;
|
||||
font-size: 1em;
|
||||
${({ copied }) =>
|
||||
copied &&
|
||||
css`
|
||||
border-color: ${palette.green400} !important;
|
||||
box-shadow: inset 0 0 2px ${palette.green200} !important;
|
||||
`}
|
||||
`;
|
Loading…
Add table
Add a link
Reference in a new issue