morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix PurgeCSS style for copy code block

This commit is contained in:
Niek van der Maas 2023-03-13 09:36:21 +01:00
parent 7954aed9ef
commit 9e1de9865f
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app.scss
View File

@ -84,3 +84,10 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
.modal-card-body { // remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released .modal-card-body { // remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released
background-color: $background-dark; background-color: $background-dark;
} }
/* Support for copy code button */
.code-block>button {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}

9
src/lib/Code.svelte
View File

@ -106,12 +106,3 @@
<button class="button is-light is-outlined is-small p-2" on:click={copyFunction}>Copy</button> <button class="button is-light is-outlined is-small p-2" on:click={copyFunction}>Copy</button>
<Highlight code={text} {language} /> <Highlight code={text} {language} />
</div> </div>
<style>
/* for copy button */
.code-block > button {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}
</style>