Ensure that copy code button doesn't cover code

This commit is contained in:
daudix
2024-07-14 06:11:20 +03:00
parent 6615b14471
commit 35733fe153

View File

@ -7,9 +7,11 @@
position: relative;
button {
-webkit-backdrop-filter: var(--blur);
position: absolute;
top: 0.5rem;
right: 0.5rem;
backdrop-filter: var(--blur);
transition: var(--transition);
cursor: pointer;
box-shadow: var(--edge-highlight);
@ -36,6 +38,14 @@
transform: scale(var(--active));
}
&.dark {
background-color: rgba(255, 255, 255, 0.05);
.icon {
background-color: rgba(255, 255, 255, 0.5);
}
}
&.active {
background-color: var(--primary-color-alpha);
@ -56,13 +66,10 @@
width: 1rem;
height: 1rem;
}
}
&.dark {
background-color: rgba(255, 255, 255, 0.05);
.icon {
background-color: rgba(255, 255, 255, 0.5);
}
}
pre>code {
display: inline-block;
margin-inline-end: 3rem;
}
}