fix: spacing issues

This commit is contained in:
Juan Di Toro 2023-08-16 10:01:29 +02:00
parent 0c23d499ba
commit 42b5ca213f
2 changed files with 43 additions and 43 deletions

View File

@ -36,7 +36,7 @@ import FeaturedGroup from "../ui/FeaturedGroup.astro";
<section id="how" class="relative overflow-hidden max-w-[100vw]">
<div class="custom-bg"></div>
<div
class="max-w-3xl bg-black/50 p-3 lg:bg-transparent lg:p-0 mx-10 md:mx-20 lg:mx-40"
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"
>
<FeaturedGroup
subtitle="Donate via Gitcoin during funding rounds"

View File

@ -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)]`}
style={`--tw-ring-color: ${currency.mainColor}`}
>
<div class="flex flex-row flex-1 gap-x-4 w-full justify-between">
<div class="flex flex-row gap-x-4 w-full justify-between">
<div class="w-12 h-12">
<Fragment set:html={currency.svgLogo.default} />
</div>
@ -197,8 +197,8 @@ await addCurrency(
id="copy-address"
class="w-7 h-7 bg-gray-500"
onclick="
copyToClipboard(this)
"
copyToClipboard(this)
"
/>
<div class="text-lg relative break-words max-w-[calc(100%-50px)]">
{currency.address}
@ -332,48 +332,48 @@ await addCurrency(
<dialog id="qr-dialog" class="backdrop:bg-black/20 backdrop:backdrop-blur-sm">
</dialog>
<script is:inline>
var msgCallback,
msgTimeout,
qrDialog = document.getElementById("qr-dialog");
var msgCallback,
msgTimeout,
qrDialog = document.getElementById("qr-dialog");
function copyToClipboard(element) {
var range = document.createRange(),
selection = window.getSelection();
function copyToClipboard(element) {
var range = document.createRange(),
selection = window.getSelection();
if (msgCallback) {
clearTimeout(msgTimeout);
msgCallback();
if (msgCallback) {
clearTimeout(msgTimeout);
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);
}
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) {
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();
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();
}
});
</script>