swarm-ui: a start page at / and the hive directory at /hives
/ is now the swarm's name over the digital-rain backdrop the hive dashboard's home has, and the swarm name in the header links to it. The hive directory moves to /hives, where the nav's hives tab points. The swarm name is read once per page load by a shared hook, the header and the start page both use it. Closes #5252
This commit is contained in:
parent
be2e64fa89
commit
417125b33c
1 changed files with 240 additions and 37 deletions
23
frontend/packages/swarm-ui/src/pages/StartPage.css
Normal file
23
frontend/packages/swarm-ui/src/pages/StartPage.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
/* The page fills the full-bleed body; the rain canvas fills the page and the
|
||||
* name sits centred over it. */
|
||||
.start-page {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.start-page-name {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
text-align: center;
|
||||
font-size: clamp(2em, 8vw, 5em);
|
||||
font-weight: 600;
|
||||
color: var(--purple);
|
||||
text-shadow:
|
||||
0 0 0.4em color-mix(in srgb, var(--purple) 55%, transparent),
|
||||
0 0 1.2em var(--bg);
|
||||
}
|
||||
Loading…
Reference in a new issue