feat(client): add create/edit environment pages and hoverable cards

- add CreateEnvironmentPage and EditEnvironmentPage with pre-filled form
- add /environments/new and /environments/:id/edit routes
- add Edit option to card context menu and detail page toolbar
- move env id pill to card footer (left), timestamp stays right
- make env cards clickable (navigate to detail); cog stops propagation
- add hoverable Card variant with primary border+shadow on hover
- add link color tokens and global anchor styles for both themes
- fix Timestamp pill visibility in dark mode with border token
- add DescriptionList truncate prop with ellipsis and title tooltip
- stack DescriptionList dd below dt with 8px gap between items
This commit is contained in:
2026-04-09 17:22:01 +03:00
parent 89016b01d2
commit 18177cac52
11 changed files with 397 additions and 16 deletions
+16
View File
@@ -39,6 +39,9 @@
--color-running-fg: #6B4A00;
/* Text & Surface — Outer Space */
--color-link: #5240A8; /* Kimberly, darkened for contrast on light bg */
--color-link-hover: #3D2F80;
--color-text: #2D3339;
--color-text-muted: #6650C0; /* Kimberly */
--color-border: #AFBFB9; /* Powder Ash */
@@ -91,6 +94,16 @@ body {
margin: 0;
}
a {
color: var(--color-link);
text-decoration: underline;
text-underline-offset: 2px;
}
a:hover {
color: var(--color-link-hover);
}
/* ── Dark theme ─────────────────────────────────────────────────────────── */
[data-theme="dark"] {
/* Primary — Atlantis unchanged, pops well on dark */
@@ -126,6 +139,9 @@ body {
--color-running-fg: #F0D060;
/* Text & Surface */
--color-link: #B0AAD6; /* lightened Kimberly, readable on dark bg */
--color-link-hover: #CCC8E8;
--color-text: #E2EAE6;
--color-text-muted: #A9A3C9; /* lightened Kimberly */
--color-border: #3D4850;