Compare commits

...

2 Commits

Author SHA1 Message Date
edbrz9 45f4c353c0 add some styling to handler 2022-12-30 18:03:43 +01:00
edbrz9 aa37c66ce7 fix dumb span mistake 2022-12-30 18:03:19 +01:00
2 changed files with 26 additions and 3 deletions

View File

@ -98,4 +98,27 @@ div.loading span:nth-child(3){
opacity: 0.2;
transform: scale(0.4) translate(1px);
}
}
}
div.y2t-output div.top span {
font-size: 1.5rem;
}
section#output {
max-width: 70vw;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
section#output div.y2t-output {
margin-top: 40px;
}
div.y2t-output {
color: linear-gradient(0deg, rgba(35,45,55,1) 0%, rgba(35,45,55,0.47100847174807425) 29%, rgba(35,45,55,0) 100%);
padding-bottom: 10px;
}

View File

@ -1,8 +1,8 @@
Vue.component('copbox',{
template : `
<div class="y2t-output">
<div class="top">
<span class="dumb-space"></span><span class="byl-icon-copy" v-on:click="copyToClipboard">Copy to clipboard</span>
<div class="top" v-on:click="copyToClipboard">
<span class="copylabel">Copy to clipboard</span><span class="byl-icon-copy"></span>
</div>
<div ref="textToCopy">
<slot></slot>