fix: spacing issues
This commit is contained in:
parent
0c23d499ba
commit
42b5ca213f
|
@ -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"
|
||||
|
|
|
@ -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>
|
||||
|
@ -332,11 +332,11 @@ await addCurrency(
|
|||
<dialog id="qr-dialog" class="backdrop:bg-black/20 backdrop:backdrop-blur-sm">
|
||||
</dialog>
|
||||
<script is:inline>
|
||||
var msgCallback,
|
||||
var msgCallback,
|
||||
msgTimeout,
|
||||
qrDialog = document.getElementById("qr-dialog");
|
||||
|
||||
function copyToClipboard(element) {
|
||||
function copyToClipboard(element) {
|
||||
var range = document.createRange(),
|
||||
selection = window.getSelection();
|
||||
|
||||
|
@ -359,21 +359,21 @@ function copyToClipboard(element) {
|
|||
};
|
||||
|
||||
msgTimeout = window.setTimeout(msgCallback, 5000);
|
||||
}
|
||||
}
|
||||
|
||||
function openDialog(qrLarge) {
|
||||
function openDialog(qrLarge) {
|
||||
document.body.classList.add("scroll-lock");
|
||||
qrDialog.innerHTML = '<img src="' + qrLarge + '"/>';
|
||||
qrDialog.showModal();
|
||||
}
|
||||
}
|
||||
|
||||
qrDialog.addEventListener("close", function () {
|
||||
qrDialog.addEventListener("close", function () {
|
||||
document.body.classList.remove("scroll-lock");
|
||||
});
|
||||
});
|
||||
|
||||
qrDialog.addEventListener("click", function (event) {
|
||||
qrDialog.addEventListener("click", function (event) {
|
||||
if (event.target === this) {
|
||||
this.close();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue