anton
/
blockly3d
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed panel layout for mobile chrome

This commit is contained in:
azykov@mail.ru 2026-06-04 17:06:49 +03:00
parent 93f421eba4
commit 06f885e284
No known key found for this signature in database
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/LeftPanel.tsx
View File

@ -10,9 +10,9 @@ export const LeftPanel = observer(function () {
if (isGame) if (isGame)
return null; return null;
function handleLoadWorld(): void { // function handleLoadWorld(): void {
state.world.load(); // state.world.load();
} // }
function handleLoadMockWorld(): void { function handleLoadMockWorld(): void {
state.world.loadMock(); state.world.loadMock();
@ -21,7 +21,7 @@ export const LeftPanel = observer(function () {
return <Panel side='left'> return <Panel side='left'>
<MenuView /> <MenuView />
<div className="gap" /> <div className="gap" />
<button onClick={handleLoadWorld}>Load</button> {/* <button onClick={handleLoadWorld}>Load</button> */}
<button onClick={handleLoadMockWorld}>Load mock world</button> <button onClick={handleLoadMockWorld}>Load mock world</button>
<div className="debug"><RenderInfoView /></div> <div className="debug"><RenderInfoView /></div>
</Panel> </Panel>

8
src/components/Panels.scss
View File

@ -3,8 +3,8 @@
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 10px; gap: 10px;
@ -27,6 +27,10 @@
flex-direction: column; flex-direction: column;
gap: 0.25em; gap: 0.25em;
&:not(:first-child) {
margin-left: none !important;
}
&.left, &.left,
&.right { &.right {
min-width: 30%; min-width: 30%;