pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

moved margin from theming to Navbar

Browse source
This commit is contained in:
Kim, Jimin 2021-08-02 10:02:09 +09:00
parent cb33dacf4a
commit 764883f3e2
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
source/src/components/Navbar.tsx
View file

@ -59,6 +59,7 @@ const StyledImg = styled.img`
const StyledLink = styled(Link)` const StyledLink = styled(Link)`
${theming.styles.navbarButtonStyle} ${theming.styles.navbarButtonStyle}
margin: 0 0.2rem 0 0.2rem;
` `
export default class Navbar extends React.Component { export default class Navbar extends React.Component {

5
source/src/theming.ts
View file

@ -43,13 +43,12 @@ export default {
}, },
styles: { styles: {
navbarButtonStyle: css` navbarButtonStyle: css`
cursor: pointer; cursor: pointer; /* so it can be applies to divs too */
font-size: 1em; font-size: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
float: left; float: left;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
margin: 0.1em;
transition: transform 0.1s linear; transition: transform 0.1s linear;
color: ${(props) => color: ${(props) =>
theme(props.theme.currentTheme, { theme(props.theme.currentTheme, {