mara/hyperhive
mara/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Activity

swarm-ui: start page setup assistant offers to create ruth

Browse source
This commit is contained in:
damocles 2026-10-15 19:18:01 +02:00
commit 8bf53f7ed9
1 changed files with 208 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

51
frontend/packages/swarm-ui/src/pages/SetupAssistant.css Normal file
View file

@ -0,0 +1,51 @@
/* Bottom-right of the start page, over the rain: a speech bubble above the
* paperclip. The whole thing is one button. */
.setup-assistant {
position: absolute;
right: 2em;
bottom: 2em;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.4em;
padding: 0;
border: 0;
background: none;
color: var(--purple);
font: inherit;
cursor: pointer;
}
.setup-assistant-bubble {
position: relative;
max-width: 14em;
padding: 0.6em 0.9em;
border: 1px solid var(--purple);
border-radius: 0.8em;
background: var(--bg-elev);
color: var(--fg);
text-align: left;
}
/* The bubble's tail, pointing down at the clip. */
.setup-assistant-bubble::after {
content: "";
position: absolute;
right: 1.2em;
bottom: -0.45em;
width: 0.8em;
height: 0.8em;
border-right: 1px solid var(--purple);
border-bottom: 1px solid var(--purple);
background: var(--bg-elev);
transform: rotate(45deg);
}
.setup-assistant-clip {
width: 3.5em;
margin-right: 0.8em;
filter: drop-shadow(
0 0 0.4em color-mix(in srgb, var(--purple) 55%, transparent)
);
}
.setup-assistant:hover .setup-assistant-bubble,
.setup-assistant:focus-visible .setup-assistant-bubble {
border-width: 2px;
}