Skip to content

Commit 64e5059

Browse files
committed
Adjust the browser extension message's background gradient angle and add a top-right border radius
1 parent a89485b commit 64e5059

1 file changed

Lines changed: 3 additions & 2 deletions

File tree

packages/ui/src/components/editor/BrowserExtensionMessage/BrowserExtensionMessage.module.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,14 @@
66
padding: var(--padding-6px) var(--padding-8px) var(--padding-10px)
77
var(--padding-8px);
88
background: linear-gradient(
9-
90deg,
9+
160deg,
1010
var(--vscode-inputOption-activeBackground),
1111
var(--vscode-sideBar-background)
1212
);
1313
color: var(--vscode-inputOption-activeForeground);
1414
--border-radius: var(--border-radius-8px);
1515
border-top-left-radius: var(--border-radius);
16+
border-top-right-radius: var(--border-radius);
1617

1718
> span {
1819
font-weight: 500;
@@ -30,7 +31,7 @@
3031
gap: var(--padding-4px);
3132
align-items: center;
3233
white-space: nowrap;
33-
34+
3435
&:first-child {
3536
padding-right: var(--padding-6px);
3637
}

0 commit comments

Comments
 (0)