mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 06:29:30 -07:00
Add styles for code copy button component
This commit is contained in:
@@ -49,6 +49,23 @@ body {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.v-code-block--code-copy-button {
|
||||||
|
border: 1px solid #333;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: .8em !important;
|
||||||
|
height: 35px !important;
|
||||||
|
top: .5em !important;
|
||||||
|
right: .5em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v-code-block--code-copy-button.v-code-block--code-copy-button-status-success svg {
|
||||||
|
fill: #27FF64 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v-code-block--code-copy-button svg {
|
||||||
|
fill: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 640px) {
|
@media (max-width: 640px) {
|
||||||
.p-toast {
|
.p-toast {
|
||||||
position: fixed !important;
|
position: fixed !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user