feat(panel): collapse connection form when connected; add Disconnect button
On startup the full form shows. On successful connect the form hides and a compact connected-bar appears with the server hostname and a Disconnect button.
This commit is contained in:
parent
e5c9c770d0
commit
552506ec7a
1 changed files with 11 additions and 2 deletions
|
|
@ -8,8 +8,8 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="panel-container">
|
||||
<!-- Connection Bar -->
|
||||
<div class="connection-bar">
|
||||
<!-- Connection Form: shown when disconnected (startup) -->
|
||||
<div id="connection-form" class="connection-bar">
|
||||
<div class="connection-controls connection-controls--stacked">
|
||||
<div class="server-input-row">
|
||||
<input
|
||||
|
|
@ -35,6 +35,15 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Connected Bar: compact strip shown only when connected -->
|
||||
<div id="connected-bar" class="connected-bar hidden">
|
||||
<div class="connected-bar-status">
|
||||
<div class="status-indicator connected"></div>
|
||||
<span id="connected-host" class="connected-host"></span>
|
||||
</div>
|
||||
<button id="disconnect-btn" class="btn btn-ghost btn-sm">Disconnect</button>
|
||||
</div>
|
||||
|
||||
<!-- Tab Navigation -->
|
||||
<div class="tab-nav">
|
||||
<button id="tab-library" class="tab-btn active">
|
||||
|
|
|
|||
Loading…
Reference in a new issue