Browse Source

fix(ui): Improve border of code snippet header (#78069)

Makes it a bit more subtle

Before
<img alt="clipboard.png" width="579"
src="https://i.imgur.com/smHjU1X.png" />

After
<img alt="clipboard.png" width="574"
src="https://i.imgur.com/87IYjjJ.png" />
Evan Purkhiser 5 months ago
parent
commit
90c82cb437
1 changed files with 2 additions and 2 deletions
  1. 2 2
      static/app/components/codeSnippet.tsx

+ 2 - 2
static/app/components/codeSnippet.tsx

@@ -225,8 +225,8 @@ const Header = styled('div')<{isSolid: boolean}>`
   ${p =>
     p.isSolid
       ? `
-      margin: 0 ${space(0.5)};
-      border-bottom: solid 1px var(--prism-highlight-accent);
+      padding: 0 ${space(0.5)};
+      border-bottom: solid 1px ${p.theme.innerBorder};
     `
       : `
       justify-content: flex-end;