Compare commits
No commits in common. "ae9fbe5690a43691eb660d2e22d998b6a80a5957" and "e23b90db37b63983569e1c4cb6471a2e0a110986" have entirely different histories.
ae9fbe5690
...
e23b90db37
|
@ -36,7 +36,7 @@ import FeaturedGroup from "../ui/FeaturedGroup.astro";
|
||||||
<section id="how" class="relative overflow-hidden max-w-[100vw]">
|
<section id="how" class="relative overflow-hidden max-w-[100vw]">
|
||||||
<div class="custom-bg"></div>
|
<div class="custom-bg"></div>
|
||||||
<div
|
<div
|
||||||
class="max-w-3xl bg-black/50 p-3 py-10 lg:bg-transparent lg:px-0 mx-10 md:mx-20 lg:mx-40"
|
class="max-w-3xl bg-black/50 p-3 lg:bg-transparent lg:p-0 mx-10 md:mx-20 lg:mx-40"
|
||||||
>
|
>
|
||||||
<FeaturedGroup
|
<FeaturedGroup
|
||||||
subtitle="Donate via Gitcoin during funding rounds"
|
subtitle="Donate via Gitcoin during funding rounds"
|
||||||
|
|
|
@ -181,7 +181,7 @@ await addCurrency(
|
||||||
class={`hover:ring-2 flex flex-col bg-black rounded-md p-5 w-full max-w-[calc(100vw-40px)] lg:max-w-none lg:w-[calc(50%-20px)]`}
|
class={`hover:ring-2 flex flex-col bg-black rounded-md p-5 w-full max-w-[calc(100vw-40px)] lg:max-w-none lg:w-[calc(50%-20px)]`}
|
||||||
style={`--tw-ring-color: ${currency.mainColor}`}
|
style={`--tw-ring-color: ${currency.mainColor}`}
|
||||||
>
|
>
|
||||||
<div class="flex flex-row gap-x-4 w-full justify-between">
|
<div class="flex flex-row flex-1 gap-x-4 w-full justify-between">
|
||||||
<div class="w-12 h-12">
|
<div class="w-12 h-12">
|
||||||
<Fragment set:html={currency.svgLogo.default} />
|
<Fragment set:html={currency.svgLogo.default} />
|
||||||
</div>
|
</div>
|
||||||
|
@ -197,8 +197,8 @@ await addCurrency(
|
||||||
id="copy-address"
|
id="copy-address"
|
||||||
class="w-7 h-7 bg-gray-500"
|
class="w-7 h-7 bg-gray-500"
|
||||||
onclick="
|
onclick="
|
||||||
copyToClipboard(this)
|
copyToClipboard(this)
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
<div class="text-lg relative break-words max-w-[calc(100%-50px)]">
|
<div class="text-lg relative break-words max-w-[calc(100%-50px)]">
|
||||||
{currency.address}
|
{currency.address}
|
||||||
|
@ -332,48 +332,48 @@ await addCurrency(
|
||||||
<dialog id="qr-dialog" class="backdrop:bg-black/20 backdrop:backdrop-blur-sm">
|
<dialog id="qr-dialog" class="backdrop:bg-black/20 backdrop:backdrop-blur-sm">
|
||||||
</dialog>
|
</dialog>
|
||||||
<script is:inline>
|
<script is:inline>
|
||||||
var msgCallback,
|
var msgCallback,
|
||||||
msgTimeout,
|
msgTimeout,
|
||||||
qrDialog = document.getElementById("qr-dialog");
|
qrDialog = document.getElementById("qr-dialog");
|
||||||
|
|
||||||
function copyToClipboard(element) {
|
function copyToClipboard(element) {
|
||||||
var range = document.createRange(),
|
var range = document.createRange(),
|
||||||
selection = window.getSelection();
|
selection = window.getSelection();
|
||||||
|
|
||||||
if (msgCallback) {
|
if (msgCallback) {
|
||||||
clearTimeout(msgTimeout);
|
clearTimeout(msgTimeout);
|
||||||
msgCallback();
|
msgCallback();
|
||||||
}
|
|
||||||
|
|
||||||
range.selectNode(element.nextElementSibling); // select address container
|
|
||||||
selection.removeAllRanges(); // clear current selection
|
|
||||||
selection.addRange(range); // select address
|
|
||||||
document.execCommand("copy"); // copy
|
|
||||||
selection.removeAllRanges(); // deselect
|
|
||||||
|
|
||||||
element.classList.add("success");
|
|
||||||
|
|
||||||
msgCallback = function () {
|
|
||||||
element.classList.remove("success");
|
|
||||||
msgCallback = undefined;
|
|
||||||
};
|
|
||||||
|
|
||||||
msgTimeout = window.setTimeout(msgCallback, 5000);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function openDialog(qrLarge) {
|
range.selectNode(element.nextElementSibling); // select address container
|
||||||
document.body.classList.add("scroll-lock");
|
selection.removeAllRanges(); // clear current selection
|
||||||
qrDialog.innerHTML = '<img src="' + qrLarge + '"/>';
|
selection.addRange(range); // select address
|
||||||
qrDialog.showModal();
|
document.execCommand("copy"); // copy
|
||||||
|
selection.removeAllRanges(); // deselect
|
||||||
|
|
||||||
|
element.classList.add("success");
|
||||||
|
|
||||||
|
msgCallback = function () {
|
||||||
|
element.classList.remove("success");
|
||||||
|
msgCallback = undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
msgTimeout = window.setTimeout(msgCallback, 5000);
|
||||||
|
}
|
||||||
|
|
||||||
|
function openDialog(qrLarge) {
|
||||||
|
document.body.classList.add("scroll-lock");
|
||||||
|
qrDialog.innerHTML = '<img src="' + qrLarge + '"/>';
|
||||||
|
qrDialog.showModal();
|
||||||
|
}
|
||||||
|
|
||||||
|
qrDialog.addEventListener("close", function () {
|
||||||
|
document.body.classList.remove("scroll-lock");
|
||||||
|
});
|
||||||
|
|
||||||
|
qrDialog.addEventListener("click", function (event) {
|
||||||
|
if (event.target === this) {
|
||||||
|
this.close();
|
||||||
}
|
}
|
||||||
|
});
|
||||||
qrDialog.addEventListener("close", function () {
|
|
||||||
document.body.classList.remove("scroll-lock");
|
|
||||||
});
|
|
||||||
|
|
||||||
qrDialog.addEventListener("click", function (event) {
|
|
||||||
if (event.target === this) {
|
|
||||||
this.close();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue