Style copy button

otoyo · Feb 27, 2023 · a963536 · a963536
1 parent 913f2c6
commit a963536
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/styles/notion-block.module.css b/styles/notion-block.module.css
@@ -22,19 +22,36 @@
   display: block;
   width: 100%;
 }
+.code > div:first-child {
+  background: rgb(247, 246, 243);
+  border-radius: var(--radius);
+}
+.code > div div {
+  display: flex;
+  justify-content: flex-end;
+}
+.code button {
+  display: block;
+  width: 4rem;
+  border: 0;
+  border-radius: var(--radius);
+  background-color: rgba(227, 226, 224, 0.5);
+  color: var(--fg);
+  line-height: 1.2rem;
+  cursor: pointer;
+}
 .code pre {
   display: block;
   overflow: auto;
-  padding: 2rem;
-  background: rgb(247, 246, 243);
+  padding: 0.8rem 2rem 2rem;
   font-size: 0.9rem;
   line-height: 1.2rem;
-  border-radius: var(--radius);
 }
 .code pre code {
   color: var(--fg);
   padding: 0;
   background: rgb(247, 246, 243) !important;
+  border-radius: 0;
 }
 
 .callout {