ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-26 05:05:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add view source link to main click-to-copy field

Browse source
This commit is contained in:
Thomas Smith 2022-12-27 10:36:29 -05:00
parent 0e9d11f29b
commit f649ccda52
1 changed files with 43 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/layouts/partials/clipboard-copy.html
View file

@ -5,6 +5,7 @@
<!-- The button used to copy the text --> <!-- The button used to copy the text -->
<button type="button" class="clipboard-copy" id="liveToastBtn" onclick="changeCopied()">copy</button> <button type="button" class="clipboard-copy" id="liveToastBtn" onclick="changeCopied()">copy</button>
<button type="button" class="clipboard-copy" id="source-btn" onclick="window.open('https://github.com/teaxyz/setup/blob/main/install.sh');">view source</button>
</div> </div>
<hr> <hr>
@ -17,7 +18,7 @@
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.one-liner{ .one-liner{
width: 80%; width: 60%;
padding: 2.455vw 4.185vw; padding: 2.455vw 4.185vw;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
@ -36,7 +37,7 @@
.clipboard-copy{ .clipboard-copy{
height: 8.371vw; height: 8.371vw;
width: 18%; width: 20%;
font-family: "pp-neue-machina"; font-family: "pp-neue-machina";
color:#ffffff; color:#ffffff;
font-size: 2.1vw; font-size: 2.1vw;
@ -53,6 +54,10 @@
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
} }
#liveToastBtn{
border-left: 2px solid #949494;
}
} }
@media only screen and (min-width: 768px) and (max-width: 992px) { @media only screen and (min-width: 768px) and (max-width: 992px) {
@ -62,7 +67,7 @@
} }
.one-liner{ .one-liner{
width: 80%; width: 60%;
padding: 2.455vw 5.040vw !important; padding: 2.455vw 5.040vw !important;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
@ -81,7 +86,7 @@
.clipboard-copy{ .clipboard-copy{
height: 8.371vw; height: 8.371vw;
width: 18%; width: 20%;
font-family: "pp-neue-machina"; font-family: "pp-neue-machina";
color:#ffffff; color:#ffffff;
font-size: 2.1vw; font-size: 2.1vw;
@ -98,6 +103,10 @@
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
} }
#liveToastBtn{
border-left: 2px solid #949494;
}
} }
@media only screen and (min-width: 576px) and (max-width: 768px) { @media only screen and (min-width: 576px) and (max-width: 768px) {
@ -107,10 +116,13 @@
} }
.one-liner{ .one-liner{
width: 77%; width: 100%;
padding: 5vw 4vw; padding: 5vw 4vw;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
border-bottom: 2px solid #949494;
border-right: 2px solid #949494;
text-align: center;
background-color: #1a1a1a !important; background-color: #1a1a1a !important;
font-family: "pp-neue-machina"; font-family: "pp-neue-machina";
color:#ffffff; color:#ffffff;
@ -126,7 +138,7 @@
.clipboard-copy{ .clipboard-copy{
padding: 5vw 4vw; padding: 5vw 4vw;
width: 20%; width: 50%;
font-family: "pp-neue-machina"; font-family: "pp-neue-machina";
color:#ffffff; color:#ffffff;
font-size: 3.5vw; font-size: 3.5vw;
@ -143,6 +155,10 @@
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
} }
#liveToastBtn{
border-left: 2px solid #949494;
}
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
@ -153,6 +169,7 @@
border-radius: 0px; border-radius: 0px;
border: none; border: none;
background-color: #1a1a1a !important; background-color: #1a1a1a !important;
border-bottom: 2px solid #949494;
font-family: "pp-neue-machina"; font-family: "pp-neue-machina";
color:#ffffff; color:#ffffff;
text-align: center !important; text-align: center !important;
@ -169,7 +186,26 @@
} }
.clipboard-copy{ .clipboard-copy{
display: none; padding: 5vw 4vw;
width: 50%;
font-family: "pp-neue-machina";
color:#ffffff;
font-size: 3.5vw;
float:right;
background-color: #1a1a1a !important;
border: none;
border-right: 2px solid #949494;
transition: 0.2s linear;
}
.clipboard-copy:hover{
background-color: #00ffd0 !important;
color: #1a1a1a !important;
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
}
#liveToastBtn{
border-left: 2px solid #949494;
} }
} }