rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: adjust layout of DynamicCanva and TableOfContents for improved responsiveness

Browse source
This commit is contained in:
swve 2025-05-25 22:32:49 +02:00
parent 66c6ea8779
commit e4d5c44aae
2 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
View file

@ -162,6 +162,15 @@ const ContentWrapper = styled.div`
width: 100%; width: 100%;
height: 100%; height: 100%;
> div:first-child {
width: 20%;
padding-right: 1rem;
}
> div:last-child {
width: 80%;
}
.ProseMirror { .ProseMirror {
flex: 1; flex: 1;
padding: 1rem; padding: 1rem;

2
apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
View file

@ -73,7 +73,7 @@ const TableOfContents = ({ editor }: TableOfContentsProps) => {
} }
const TOCCard = styled.div` const TOCCard = styled.div`
width: 20%; width: 100%;
background: none; background: none;
border: none; border: none;
box-shadow: none; box-shadow: none;