Skip to content
This repository was archived by the owner on Mar 12, 2023. It is now read-only.

Commit a963536

Browse files
committed
Style copy button
1 parent 913f2c6 commit a963536

File tree

1 file changed

+20
-3
lines changed

1 file changed

+20
-3
lines changed

styles/notion-block.module.css

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,19 +22,36 @@
2222
display: block;
2323
width: 100%;
2424
}
25+
.code > div:first-child {
26+
background: rgb(247, 246, 243);
27+
border-radius: var(--radius);
28+
}
29+
.code > div div {
30+
display: flex;
31+
justify-content: flex-end;
32+
}
33+
.code button {
34+
display: block;
35+
width: 4rem;
36+
border: 0;
37+
border-radius: var(--radius);
38+
background-color: rgba(227, 226, 224, 0.5);
39+
color: var(--fg);
40+
line-height: 1.2rem;
41+
cursor: pointer;
42+
}
2543
.code pre {
2644
display: block;
2745
overflow: auto;
28-
padding: 2rem;
29-
background: rgb(247, 246, 243);
46+
padding: 0.8rem 2rem 2rem;
3047
font-size: 0.9rem;
3148
line-height: 1.2rem;
32-
border-radius: var(--radius);
3349
}
3450
.code pre code {
3551
color: var(--fg);
3652
padding: 0;
3753
background: rgb(247, 246, 243) !important;
54+
border-radius: 0;
3855
}
3956

4057
.callout {

0 commit comments

Comments
 (0)