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

8
src/components/Panels.scss
View File

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