docs: fix the height of menu item can not be scaled

This commit is contained in:
unix
2020-03-26 11:15:21 +08:00
parent a4561711d1
commit 245d890865
3 changed files with 3 additions and 8 deletions

View File

@@ -90,6 +90,7 @@ const editor = (code: string) => {
justify-content: center;
align-items: center;
height: 100%;
width: fit-content;
}
summary :global(svg) {

View File

@@ -21,7 +21,6 @@ const ActiveCatalog: React.FC<Props> = React.memo(
transition: all .2s ease;
color: ${theme.palette.accents_3};
text-transform: uppercase;
padding-bottom: .5rem;
}
.active {

View File

@@ -43,11 +43,6 @@ const SideItem: React.FC<React.PropsWithChildren<SideItemProps>> = React.memo(({
})}
<style jsx>{`
.item {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
}
@@ -55,7 +50,7 @@ const SideItem: React.FC<React.PropsWithChildren<SideItemProps>> = React.memo(({
width: 100%;
color: ${theme.palette.accents_5};
display: flex;
height: 36px;
height: 2.25rem;
align-items: center;
justify-content: flex-start;
cursor: pointer;
@@ -82,9 +77,9 @@ const SideItem: React.FC<React.PropsWithChildren<SideItemProps>> = React.memo(({
align-items: flex-start;
flex-direction: column;
padding-left: ${theme.layout.gapHalf};
overflow: hidden;
transition: all .2s ease-in-out;
position: relative;
margin-top: .5rem;
}
.active-title {