diff --git a/cloud/app/src/routes/index.css b/cloud/app/src/routes/index.css index e3b11c60..db812893 100644 --- a/cloud/app/src/routes/index.css +++ b/cloud/app/src/routes/index.css @@ -11,7 +11,7 @@ a { color: var(--color-text); text-decoration: underline; - text-underline-offset: 0.1875rem; + text-underline-offset: var(--space-0-75); } background: var(--color-bg); @@ -54,13 +54,8 @@ text-decoration: underline; align-items: center; justify-content: center; - text-underline-offset: 0.1875rem; + text-underline-offset: var(--space-0-75); border-right: 2px solid var(--color-border); - - a { - color: var(--color-text); - text-decoration: underline; - } } [data-slot="right"] { @@ -68,7 +63,7 @@ display: flex; align-items: center; justify-content: center; - gap: 0.625rem; + gap: var(--space-2-5); padding: 0 var(--space-6); } @@ -78,7 +73,7 @@ align-items: center; cursor: pointer; color: var(--color-text-secondary); - font-size: 1.125rem; + font-size: var(--font-size-lg); font-family: var(--font-mono); gap: var(--space-2); } @@ -141,7 +136,8 @@ align-items: start; gap: var(--space-3); - &:nth-child(1) {} + &:nth-child(1) { + } &:nth-child(2) { border-left: 2px solid var(--color-border); @@ -221,8 +217,8 @@ [data-component="copy-status"] { [data-slot="copy"] { display: block; - width: 16px; - height: 16px; + width: var(--space-4); + height: var(--space-4); color: var(--color-text-dimmed); [data-copied] & { @@ -232,8 +228,8 @@ [data-slot="check"] { display: none; - width: 16px; - height: 16px; + width: var(--space-4); + height: var(--space-4); color: white; [data-copied] & { diff --git a/cloud/app/src/style/token/space.css b/cloud/app/src/style/token/space.css index 633c1238..dcd871c5 100644 --- a/cloud/app/src/style/token/space.css +++ b/cloud/app/src/style/token/space.css @@ -2,6 +2,7 @@ body { --space-0: 0; --space-px: 1px; --space-0-5: 0.125rem; + --space-0-75: 0.1875rem; --space-1: 0.25rem; --space-1-5: 0.375rem; --space-2: 0.5rem;