RomanNum3ral
/
paperclip
mirror of https://github.com/paperclipai/paperclip.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ui): tokenize CLI auth scope spacing 

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
cryppadotta 2026-09-09 20:11:19 +00:00
parent f339ec5d2e
commit 12a5b2ee08
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/index.css
View File

@ -362,6 +362,8 @@
--tc-composer-bottom: var(--sz-calc-8);
/* Together with the dock's pb-2, match the page's p-4 side gutters. */
--tc-composer-hidden-nav-offset: calc(var(--sz-safe-bottom) + var(--spacing) * 2);
--cli-auth-scope-section-gap: 0.75rem;
--cli-auth-scope-item-gap: 0.25rem;
}
.dark {

8
ui/src/pages/CliAuth.tsx
View File

@ -148,10 +148,10 @@ export function CliAuthPage() {
</div>
)}
{challenge.requestedScopeConfig && (
<div className="space-y-3">
<div className="space-y-(--cli-auth-scope-section-gap)">
<div>
<div className="text-muted-foreground">Scoped companies</div>
<ul className="space-y-1">
<ul className="space-y-(--cli-auth-scope-item-gap)">
{challenge.requestedScopeConfig.companyIds.map((companyId) => (
<li key={companyId} className="font-mono text-foreground">{companyId}</li>
))}
@ -159,7 +159,7 @@ export function CliAuthPage() {
</div>
<div>
<div className="text-muted-foreground">Permissions</div>
<ul className="space-y-1">
<ul className="space-y-(--cli-auth-scope-item-gap)">
{challenge.requestedScopeConfig.permissions.map((permission) => (
<li key={permission} className="font-mono text-foreground">{permission}</li>
))}
@ -168,7 +168,7 @@ export function CliAuthPage() {
<div>
<div className="text-muted-foreground">Instance capabilities</div>
{challenge.requestedScopeConfig.instanceCapabilities.length > 0 ? (
<ul className="space-y-1">
<ul className="space-y-(--cli-auth-scope-item-gap)">
{challenge.requestedScopeConfig.instanceCapabilities.map((capability) => (
<li key={capability} className="font-mono text-foreground">{capability}</li>
))}