diff --git a/src/components/layout/theme.tsx b/src/components/layout/theme.tsx index 9ba15dc25..75826ea31 100644 --- a/src/components/layout/theme.tsx +++ b/src/components/layout/theme.tsx @@ -18,7 +18,7 @@ export const theme: DefaultTheme = { defaultDark: '#FFFFFF', secondary: 'rgba(32,40,64,0.5)', topline: '#3E61EE', - timestamp: 'rgba(0, 0, 0, 0.5)', + timestamp: 'rgba(0, 0, 0, 0.65)', errorMessage: '#FF0D35', header: { default: '#FFFFFF', diff --git a/src/components/pages/blog-post/follow-panel.tsx b/src/components/pages/blog-post/follow-panel.tsx index d28c2185a..de731c78c 100644 --- a/src/components/pages/blog-post/follow-panel.tsx +++ b/src/components/pages/blog-post/follow-panel.tsx @@ -19,7 +19,7 @@ const FollowPanelContainer = styled.div` font-size: 16px; ${up('md')} { - margin-top: 0px; + margin-top: 0; min-width: 240px; } `; @@ -31,7 +31,7 @@ export const PanelText = styled.p` color: ${({ theme }) => theme.palette.text.default}; `; -const SocialLinks = styled.ul` +const SocialLinks = styled.div` all: unset; order: 2; color: ${({ theme }) => theme.palette.text.link.default}; @@ -64,10 +64,10 @@ export const FollowPanel = ({ className }: FollowProps) => { return ( - {t('blog.follow')} + {t('blog.follow')} - + diff --git a/src/components/ui/pagination/pagination.tsx b/src/components/ui/pagination/pagination.tsx index 0a32682e0..c94bd9de9 100644 --- a/src/components/ui/pagination/pagination.tsx +++ b/src/components/ui/pagination/pagination.tsx @@ -42,7 +42,8 @@ const StyledLink = styled.a<{ $disabled: boolean }>` $disabled && css` opacity: 50%; - cursor: default; + cursor: not-allowed; + pointer-events: none; `} &:hover { @@ -82,8 +83,10 @@ export const Pagination = ({ @@ -101,7 +104,9 @@ export const Pagination = ({