style: format frontend, docs and skills with prettier; add .prettierignore
One-time prettier --write so the new format:check CI gate starts green. .prettierignore excludes generated (api-client.ts, documentation.json), vendored (public/cibg-huisstijl), and backend (dotnet format owns it). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -19,25 +19,53 @@ import { maskBsn, redactProfile } from './mask';
|
||||
@Component({
|
||||
selector: 'app-debug-state',
|
||||
imports: [JsonPipe],
|
||||
styles: [`
|
||||
.fab{position:fixed;bottom:1rem;right:1rem;z-index:9999;font:600 12px/1 monospace;
|
||||
background:var(--app-devpanel-bg);color:var(--app-devpanel-accent);
|
||||
border:var(--rhc-border-width-sm) solid var(--app-devpanel-border);border-radius:4px;
|
||||
padding:.5rem .75rem;cursor:pointer}
|
||||
.panel{position:fixed;bottom:3.25rem;right:1rem;z-index:9999;width:min(90vw,28rem);
|
||||
max-height:70vh;overflow:auto;background:var(--app-devpanel-bg);color:var(--app-devpanel-fg);
|
||||
border:var(--rhc-border-width-sm) solid var(--app-devpanel-border);
|
||||
border-radius:6px;box-shadow:0 6px 24px var(--app-devpanel-shadow)}
|
||||
.panel pre{margin:0;padding:.75rem;font:12px/1.5 monospace;white-space:pre-wrap;
|
||||
word-break:break-word}
|
||||
`],
|
||||
styles: [
|
||||
`
|
||||
.fab {
|
||||
position: fixed;
|
||||
bottom: 1rem;
|
||||
right: 1rem;
|
||||
z-index: 9999;
|
||||
font: 600 12px/1 monospace;
|
||||
background: var(--app-devpanel-bg);
|
||||
color: var(--app-devpanel-accent);
|
||||
border: var(--rhc-border-width-sm) solid var(--app-devpanel-border);
|
||||
border-radius: 4px;
|
||||
padding: 0.5rem 0.75rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.panel {
|
||||
position: fixed;
|
||||
bottom: 3.25rem;
|
||||
right: 1rem;
|
||||
z-index: 9999;
|
||||
width: min(90vw, 28rem);
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
background: var(--app-devpanel-bg);
|
||||
color: var(--app-devpanel-fg);
|
||||
border: var(--rhc-border-width-sm) solid var(--app-devpanel-border);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 6px 24px var(--app-devpanel-shadow);
|
||||
}
|
||||
.panel pre {
|
||||
margin: 0;
|
||||
padding: 0.75rem;
|
||||
font: 12px/1.5 monospace;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
`,
|
||||
],
|
||||
template: `
|
||||
@if (isDev) {
|
||||
<button type="button" class="fab" (click)="toggle()">
|
||||
{{ visible() ? '× state' : '⚙ state' }}
|
||||
</button>
|
||||
@if (visible()) {
|
||||
<div class="panel"><pre>{{ snapshot() | json }}</pre></div>
|
||||
<div class="panel">
|
||||
<pre>{{ snapshot() | json }}</pre>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
`,
|
||||
|
||||
Reference in New Issue
Block a user