summaryrefslogtreecommitdiffhomepage
path: root/cloud
diff options
context:
space:
mode:
Diffstat (limited to 'cloud')
-rw-r--r--cloud/app/src/routes/index.css24
-rw-r--r--cloud/app/src/style/token/space.css1
2 files changed, 11 insertions, 14 deletions
diff --git a/cloud/app/src/routes/index.css b/cloud/app/src/routes/index.css
index e3b11c605..db8128936 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 633c1238c..dcd871c5f 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;