diff --git a/admin/assets/css/main.css b/admin/assets/css/main.css index 091b355..7d9adaf 100644 --- a/admin/assets/css/main.css +++ b/admin/assets/css/main.css @@ -619,6 +619,39 @@ main { color: var(--faint); } +.templates { + display: flex; + flex-wrap: wrap; + gap: 6px; +} + +.template-chip { + padding: 5px 12px; + background: var(--surface-2); + border: 1px solid var(--border-strong); + border-radius: 999px; + color: var(--muted); + font-family: var(--ui); + font-size: 12px; + font-weight: 600; + cursor: pointer; + transition: + border-color 0.15s, + color 0.15s, + background 0.15s; +} + +.template-chip:hover { + border-color: var(--accent); + color: var(--accent); +} + +.template-chip.active { + background: var(--accent-dim); + border-color: var(--accent); + color: var(--accent); +} + .field input[type="text"] { width: 100%; padding: 10px 12px; diff --git a/admin/components/RouteEditor.vue b/admin/components/RouteEditor.vue index c277377..b60dbcb 100644 --- a/admin/components/RouteEditor.vue +++ b/admin/components/RouteEditor.vue @@ -10,6 +10,24 @@