GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-20 05:12:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

style button for links

Browse Source
This commit is contained in:
AykutSarac 2022-02-03 16:43:05 +03:00
parent b00d9fbfb8
commit 395ab832d3
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Button/index.tsx
View File

@ -23,6 +23,11 @@ const StyledButton = styled.button<{ status: keyof typeof ButtonType }>`
background: ${({ status, theme }) => getButtonStatus(status, theme)}; background: ${({ status, theme }) => getButtonStatus(status, theme)};
color: ${({ theme }) => theme.FULL_WHITE}; color: ${({ theme }) => theme.FULL_WHITE};
cursor: pointer; cursor: pointer;
padding: 8px 16px;
@media only screen and (max-width: 768px) {
font-size: 18px;
}
`; `;
const StyledButtonContent = styled.div` const StyledButtonContent = styled.div`
@ -30,7 +35,6 @@ const StyledButtonContent = styled.div`
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
padding: 8px;
`; `;
export const Button: React.FC<ButtonProps> = ({ export const Button: React.FC<ButtonProps> = ({