diff --git a/src/components/Canvas.tsx b/src/components/Canvas.tsx
index 67492b9..98d591f 100644
--- a/src/components/Canvas.tsx
+++ b/src/components/Canvas.tsx
@@ -13,13 +13,6 @@ const components: TLUiComponents = {
QuickActions: null,
MainMenu: null,
MenuPanel: null,
- // ZoomMenu: null,
- // Minimap: null,
- // Toolbar: null,
- // KeyboardShortcutsDialog: null,
- // HelperButtons: null,
- // SharePanel: null,
- // TopPanel: null,
}
export function Canvas({ shapes }: { shapes: TLShape[]; }) {
diff --git a/src/css/style.css b/src/css/style.css
index e2ef291..91c568d 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -7,8 +7,13 @@ body {
min-height: 100vh;
min-height: -webkit-fill-available;
height: 100%;
- /* touch-action: none; */
- /* font-family: "Inter", sans-serif; */
+}
+
+.canvas-mode {
+ overflow: hidden;
+ & #toggle-physics {
+ display: block;
+ }
}
.tldraw__editor {
@@ -94,11 +99,11 @@ ol {
#toggle-physics,
#toggle-canvas {
- position: absolute;
- z-index: 99999;
+ position: fixed;
+ z-index: 999;
right: 10px;
- width: 50px;
- height: 50px;
+ width: 40px;
+ height: 40px;
background: none;
border: none;
cursor: pointer;
@@ -106,24 +111,13 @@ ol {
&:hover {
opacity: 1;
}
- & img {
- width: 100%;
- height: 100%;
- }
}
#toggle-canvas {
top: 10px;
- & img {
- width: 50%;
- height: 50%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
}
#toggle-physics {
top: 60px;
+ display: none;
}
@media (max-width: 600px) {
@@ -163,7 +157,3 @@ ol {
opacity: 0 !important;
transition: opacity 0.25s ease-in-out;
}
-
-.hidden {
- display: none;
-}
diff --git a/src/public/canvas-button.svg b/src/public/canvas-button.svg
index 3325f46..37fe119 100644
--- a/src/public/canvas-button.svg
+++ b/src/public/canvas-button.svg
@@ -1,7 +1,5 @@
-
-
\ No newline at end of file
+
+
diff --git a/src/public/gravity-button.svg b/src/public/gravity-button.svg
index 5395ac1..df7e2d1 100644
--- a/src/public/gravity-button.svg
+++ b/src/public/gravity-button.svg
@@ -1,10 +1,8 @@
-
-
-
\ No newline at end of file
+
+
+