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

fix sidebar item height

Browse Source
This commit is contained in:
Aykut Saraç 2022-03-18 09:54:00 +03:00
parent 5a0e5a1576
commit 1076158afb
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Sidebar/index.tsx
View File

@ -43,6 +43,8 @@ const StyledSidebar = styled.div`
`;
const StyledElement = styled.div<{ disabled?: boolean }>`
display: flex;
justify-content: center;
text-align: center;
font-size: 28px;
font-weight: 700;
@ -62,6 +64,7 @@ const StyledElement = styled.div<{ disabled?: boolean }>`
}
svg {
padding: 8px 0;
vertical-align: middle;
}
`;
@ -78,8 +81,11 @@ const StyledTopWrapper = styled.nav`
align-items: center;
width: 100%;
& > div,
a {
& > div:first-of-type {
border-top: 1px solid ${({ theme }) => theme.SILVER_DARK};
}
& > div:nth-child(n + 1) {
border-bottom: 1px solid ${({ theme }) => theme.SILVER_DARK};
}
`;
@ -92,7 +98,7 @@ const StyledBottomWrapper = styled.nav`
width: 100%;
& > div,
a {
a:nth-child(0) {
border-top: 1px solid ${({ theme }) => theme.SILVER_DARK};
}
`;

5
src/components/Tooltip/index.tsx
View File

@ -7,14 +7,15 @@ interface TooltipProps {
const StyledTooltipWrapper = styled.div`
position: relative;
width: fit-content;
width: 100%;
height: 100%;
`;
const StyledTooltip = styled.div<{ visible: boolean }>`
position: absolute;
top: 0;
right: 0;
transform: translate(calc(100% + 20px), 25%);
transform: translate(calc(100% + 15px), 25%);
z-index: 5;
background: ${({ theme }) => theme.SILVER};
color: ${({ theme }) => theme.SILVER_DARK};