mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-18 20:09:25 +00:00
feat: adjust layout of DynamicCanva and TableOfContents for improved responsiveness
This commit is contained in:
parent
66c6ea8779
commit
e4d5c44aae
2 changed files with 10 additions and 1 deletions
|
|
@ -162,6 +162,15 @@ const ContentWrapper = styled.div`
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
> div:first-child {
|
||||
width: 20%;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
> div:last-child {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.ProseMirror {
|
||||
flex: 1;
|
||||
padding: 1rem;
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ const TableOfContents = ({ editor }: TableOfContentsProps) => {
|
|||
}
|
||||
|
||||
const TOCCard = styled.div`
|
||||
width: 20%;
|
||||
width: 100%;
|
||||
background: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue