web: colocate copy button styles with components that use them

This commit is contained in:
Jay V
2025-10-14 17:40:58 -04:00
parent 95f4ce86d6
commit 6191232d5f
3 changed files with 12 additions and 20 deletions

View File

@@ -1,4 +1,5 @@
.root {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
@@ -145,4 +146,9 @@
border-right: none;
}
}
[data-component="copy-button"] {
top: 0;
right: 0;
}
}

View File

@@ -1,4 +1,5 @@
.root {
position: relative;
color: var(--sl-color-text);
background-color: var(--sl-color-bg-surface);
padding: 0.5rem calc(0.5rem + 3px);
@@ -54,4 +55,9 @@
&[data-theme="blue"] {
background-color: var(--sl-color-blue-low);
}
[data-component="copy-button"] {
top: 0.5rem;
right: calc(0.5rem - 1px);
}
}

View File

@@ -127,11 +127,6 @@
flex-grow: 1;
max-width: var(--md-tool-width);
position: relative;
[data-component="copy-button"] {
top: 0.5rem;
right: calc(0.5rem - 1px);
}
}
[data-component="assistant-reasoning"] {
@@ -149,11 +144,6 @@
padding: 0.5rem calc(0.5rem + 3px);
border-radius: 0.25rem;
position: relative;
[data-component="copy-button"] {
top: 0.5rem;
right: calc(0.5rem - 1px);
}
}
}
@@ -172,11 +162,6 @@
padding: 0.5rem calc(0.5rem + 3px);
border-radius: 0.25rem;
position: relative;
[data-component="copy-button"] {
top: 0.5rem;
right: calc(0.5rem - 1px);
}
}
}
@@ -300,11 +285,6 @@
padding: 0.5rem calc(0.5rem + 3px);
border-radius: 0.25rem;
position: relative;
[data-component="copy-button"] {
top: 0.5rem;
right: calc(0.5rem - 1px);
}
}
}
}