fix: remove mobile terminal pull handle, tap terminal to toggle overlay
This commit is contained in:
@@ -315,25 +315,10 @@ export const TerminalPage: React.FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Pull handle — visible when overlay is hidden */}
|
|
||||||
{!headerAutoHide.isVisible && (
|
|
||||||
<button
|
|
||||||
className="mobile-terminal-pull-handle"
|
|
||||||
onClick={(e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
headerAutoHide.show();
|
|
||||||
}}
|
|
||||||
type="button"
|
|
||||||
aria-label="Show toolbar"
|
|
||||||
>
|
|
||||||
<span className="mobile-terminal-pull-dots">•••</span>
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Terminal content — always fills full viewport */}
|
{/* Terminal content — always fills full viewport */}
|
||||||
<div
|
<div
|
||||||
className="terminal-page-content mobile-full"
|
className="terminal-page-content mobile-full"
|
||||||
onClick={() => headerAutoHide.hide()}
|
onClick={() => headerAutoHide.toggle()}
|
||||||
>
|
>
|
||||||
{error && <div className="terminal-error-banner">{error}</div>}
|
{error && <div className="terminal-error-banner">{error}</div>}
|
||||||
{sessions
|
{sessions
|
||||||
|
|||||||
@@ -3077,33 +3077,6 @@ a.nav-item,
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Pull handle — shown when overlay is hidden */
|
|
||||||
.mobile-terminal-pull-handle {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
z-index: 99;
|
|
||||||
padding: 4px 16px;
|
|
||||||
background: #2d2d2d;
|
|
||||||
border: 1px solid #3e3e3e;
|
|
||||||
border-top: none;
|
|
||||||
border-radius: 0 0 12px 12px;
|
|
||||||
color: #888;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
line-height: 1;
|
|
||||||
transition: background 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-terminal-pull-handle:hover {
|
|
||||||
background: #3e3e3e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-terminal-pull-dots {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Terminal content — always fills full viewport on mobile */
|
/* Terminal content — always fills full viewport on mobile */
|
||||||
.terminal-page-content.mobile-full {
|
.terminal-page-content.mobile-full {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
Reference in New Issue
Block a user