Skip to content

I
interface
Commit 50afef03 authored by Matthew Quinn's avatar Matthew Quinn Committed by GitHub
Browse files
Options

fix: update mobile header to fix overflow (#2125) 

Co-authored-by: default avatarMatthew Quinn <matthew.quinn@libertymutual.com>
parent 43b6e7ab
Hide whitespace changes
Inline Side-by-side
Showing with 3 additions and 2 deletions
src/components/Header/index.tsx
View file @ 50afef03
...@@ -192,14 +192,15 @@ const StyledNavLink = styled(NavLink).attrs({ ...@@ -192,14 +192,15 @@ const StyledNavLink = styled(NavLink).attrs({
text-decoration: none; text-decoration: none;
color: ${({ theme }) => theme.text2}; color: ${({ theme }) => theme.text2};
font-size: 1rem; font-size: 1rem;
width: fit-content;
font-weight: 500; font-weight: 500;
padding: 8px 12px; padding: 8px 12px;
word-break: break-word; word-break: break-word;
overflow: hidden;
white-space: nowrap;
&.${activeClassName} { &.${activeClassName} {
border-radius: 12px; border-radius: 12px;
font-weight: 600; font-weight: 600;
justify-content: center;
color: ${({ theme }) => theme.text1}; color: ${({ theme }) => theme.text1};
background-color: ${({ theme }) => theme.bg2}; background-color: ${({ theme }) => theme.bg2};
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment