fix(ui): compact devices panel (flex auto), fix manage button type=button

This commit is contained in:
Claude
2026-04-05 21:23:44 +00:00
parent 82995de95a
commit 06845d862d

View File

@@ -20,8 +20,8 @@
</header> </header>
<aside class="sidebar"> <aside class="sidebar">
<div class="panel" id="devices-panel" style="flex: 1; min-height: 0;"> <div class="panel" id="devices-panel" style="flex: 0 0 auto;">
<div class="panel-header">DEVICES <button class="panel-manage-btn" id="devices-manage-toggle" title="Manage devices">⚙ MANAGE</button></div> <div class="panel-header">DEVICES <button type="button" class="panel-manage-btn" id="devices-manage-toggle" title="Manage devices">⚙ MANAGE</button></div>
<div class="panel-content" id="device-list"> <div class="panel-content" id="device-list">
<span class="text-dim">loading...</span> <span class="text-dim">loading...</span>
</div> </div>
@@ -38,7 +38,7 @@
<button type="submit">+ ADD DEVICE</button> <button type="submit">+ ADD DEVICE</button>
</form> </form>
</div> </div>
<div class="panel" id="animations-panel" style="flex: 0 0 120px;"> <div class="panel" id="animations-panel" style="flex: 1; min-height: 0;">
<div class="panel-header">ANIMATIONS</div> <div class="panel-header">ANIMATIONS</div>
<div class="panel-content text-dim">[ PHASE 3+ ]</div> <div class="panel-content text-dim">[ PHASE 3+ ]</div>
</div> </div>