Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make design responsive

Browse Source
This commit is contained in:
Aakansha Doshi 2023-09-04 13:59:47 +05:30
parent de0f35454a
commit 0d49eb3e05
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/MermaidToExcalidraw.scss
View File

@ -11,6 +11,10 @@
font-weight: 600; font-weight: 600;
margin-bottom: 4px; margin-bottom: 4px;
margin-left: 4px; margin-left: 4px;
@media screen and (max-width: 860px) {
margin-top: 4px;
}
} }
&-text { &-text {
@ -23,6 +27,11 @@
resize: none; resize: none;
border-radius: 8px; border-radius: 8px;
padding: 1rem; padding: 1rem;
@media screen and (max-width: 860px) {
width: 100%;
height: 10rem;
}
} }
} }
@ -38,6 +47,10 @@
left center; left center;
border-radius: 8px; border-radius: 8px;
border: 1px solid #e4e4eb; border: 1px solid #e4e4eb;
@media screen and (max-width: 860px) {
width: 100%;
}
} }
&-preview-insert.excalidraw-button { &-preview-insert.excalidraw-button {
@ -57,6 +70,13 @@
} }
color: $oc-white; color: $oc-white;
@media screen and (max-width: 860px) {
width: 100%;
}
}
@media screen and (max-width: 860px) {
flex-direction: column;
} }
} }
} }