agents-orchestrator/agent-orchestrator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(electrobun): add AGOR icon above vertical title in sidebar

Browse source
This commit is contained in:
Hibryda 2026-03-26 01:47:59 +01:00
parent 04034ab379
commit 02af115108
1 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

30
ui-electrobun/src/mainview/App.svelte
View file

@ -364,8 +364,15 @@
<!-- Drag zone for window move — inset from edges so resize handles work --> <!-- Drag zone for window move — inset from edges so resize handles work -->
<!-- svelte-ignore a11y_no_static_element_interactions --> <!-- svelte-ignore a11y_no_static_element_interactions -->
<div class="sidebar-drag-zone" onmousedown={onDragStart}></div> <div class="sidebar-drag-zone" onmousedown={onDragStart}></div>
<!-- AGOR vertical title --> <!-- AGOR icon + vertical title -->
<div class="agor-title" aria-hidden="true">AGOR</div> <div class="agor-logo" aria-hidden="true">
<svg viewBox="0 0 1024 1024" class="agor-icon">
<path d="m 511.25,122.26 399.81,164.65 -3.62,456.24 -396.88,158.59 -7,-0.22 -390.62,-163.57 1.47,-447.34 1.01,-6.5 z" fill="#000" fill-opacity="0.6"/>
<path d="M 114.41 290.62 L 112.94 737.96 L 503.55 901.52 L 503.55 457.25 L 327.41 404.65 L 328.19 382.13 L 326.81 375.13 L 286.69 354.24 L 281.5 357.08 L 273.94 379.42 L 114.41 290.62 z M 280.87 426.71 L 329.29 451.78 L 459.19 843.17 L 384.55 814.12 L 295.3 501.27 L 232.53 604.52 L 310.88 641.55 L 331 709.86 L 149.17 633.38 L 280.87 426.71 z" fill="#cd9c34"/>
<path d="m 511.25,122.26 -395.83,161.85 152.77,74.28 19.42,-7.86 45.4,23.32 -12.67,6 191.16,70.01 399.56,-162.95 z m 399.81,164.65 -56.34,28.39 -0.6,225.96 -140.78,56.9 -1.14,163.29 -194.29,78.7 -0.63,-386.87 -11.79,3.94 v 444.53 h 5.07 L 907.44,743.15 Z M 672.56,194.74 723.92,215.34 337.84,371.78 291.6,348.92 Z m 180.42,408.33 2.03,100.41 -85.28,33.83 -0.49,-101.19 z" fill="#ffe14b"/>
</svg>
<span class="agor-text">AGOR</span>
</div>
<!-- Group icons — numbered circles --> <!-- Group icons — numbered circles -->
<div class="sidebar-groups" role="list" aria-label="Project groups"> <div class="sidebar-groups" role="list" aria-label="Project groups">
@ -664,7 +671,21 @@
} }
.sidebar:active { cursor: grabbing; } .sidebar:active { cursor: grabbing; }
.agor-title { .agor-logo {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.25rem;
padding: 0.5rem 0;
user-select: none;
pointer-events: none;
flex-shrink: 0;
}
.agor-icon {
width: 2rem;
height: 2rem;
}
.agor-text {
writing-mode: vertical-rl; writing-mode: vertical-rl;
transform: rotate(180deg); transform: rotate(180deg);
font-family: "Inter", system-ui, sans-serif; font-family: "Inter", system-ui, sans-serif;
@ -672,9 +693,6 @@
font-size: 1.5rem; font-size: 1.5rem;
letter-spacing: 0.2em; letter-spacing: 0.2em;
color: var(--ctp-overlay0); color: var(--ctp-overlay0);
padding: 1rem 0;
user-select: none;
pointer-events: none;
flex-shrink: 0; flex-shrink: 0;
} }