Jeprary commited on
Commit
df2632d
·
1 Parent(s): 7e005b1

feat: move operation hints to persistent bottom left controls

Browse files
app/src/components/BottomLeftControls.tsx CHANGED
@@ -109,12 +109,14 @@ export function BottomLeftControls() {
109
  onClick={() => setObjectRenderMode(mode)}
110
  active={objectRenderMode === mode}
111
  className={modeBtn(objectRenderMode === mode)}
112
- >
113
- <Icon size={17} weight={objectRenderMode === mode ? 'fill' : 'regular'} />
114
  </AppButton>
115
  </ControlTooltip>
116
  ))}
117
  </div>
 
 
 
 
118
  </div>
119
  )
120
  }
 
109
  onClick={() => setObjectRenderMode(mode)}
110
  active={objectRenderMode === mode}
111
  className={modeBtn(objectRenderMode === mode)}
 
 
112
  </AppButton>
113
  </ControlTooltip>
114
  ))}
115
  </div>
116
+
117
+ <div className={`${chrome.bar} hidden md:flex h-10 items-center px-3 text-white/50 text-xs tracking-wide`}>
118
+ 💡 Left-click rotate, Right-click pan, Scroll zoom
119
+ </div>
120
  </div>
121
  )
122
  }
app/src/components/WorldViewer.tsx CHANGED
@@ -31,7 +31,6 @@ function ModelLoader() {
31
  <div className="text-white text-base font-semibold tracking-wide drop-shadow-md">Downloading Model...</div>
32
  <div className="text-white/70 text-xs mt-2 max-w-xs text-center space-y-1">
33
  <p>This may take a moment depending on model size and network speed.</p>
34
- <p className="mt-2 text-white/50">💡 Hint: Left-click to rotate, Right-click to pan, Scroll to zoom.</p>
35
  </div>
36
  </div>
37
  </Html>
 
31
  <div className="text-white text-base font-semibold tracking-wide drop-shadow-md">Downloading Model...</div>
32
  <div className="text-white/70 text-xs mt-2 max-w-xs text-center space-y-1">
33
  <p>This may take a moment depending on model size and network speed.</p>
 
34
  </div>
35
  </div>
36
  </Html>