fix: mobile view ui issues (#10284)

* hide zen mode when formFactor = phone

* tool bar fixes: icon and width

* view mode

* fix lint

* add exit-view-mode button

---------

Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
This commit is contained in:
Ryan Di
2025-11-04 22:20:55 +11:00
committed by GitHub
parent d1f39823f1
commit c99e81678b
10 changed files with 154 additions and 66 deletions

View File

@@ -852,7 +852,7 @@ const ExcalidrawWrapper = () => {
return null;
}
return (
<div className="top-right-ui">
<div className="excalidraw-ui-top-right">
{collabError.message && <CollabError collabError={collabError} />}
<LiveCollaborationTrigger
isCollaborating={isCollaborating}

View File

@@ -5,12 +5,6 @@
--color-primary-contrast-offset: #726dff; // to offset Chubb illusion
}
.top-right-ui {
display: flex;
justify-content: center;
align-items: flex-start;
}
.footer-center {
justify-content: flex-end;
margin-top: auto;