Compare commits

..

2 Commits

Author SHA1 Message Date
Juan Di Toro ae9fbe5690 Merge branch 'develop' of git.lumeweb.com:LumeWeb/lumeweb.com into develop 2023-08-16 10:01:49 +02:00
Juan Di Toro 42b5ca213f fix: spacing issues 2023-08-16 10:01:29 +02:00
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]"> <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 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 <FeaturedGroup
subtitle="Donate via Gitcoin during funding rounds" 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)]`} 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 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"> <div class="w-12 h-12">
<Fragment set:html={currency.svgLogo.default} /> <Fragment set:html={currency.svgLogo.default} />
</div> </div>
@ -332,11 +332,11 @@ 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();
@ -359,21 +359,21 @@ function copyToClipboard(element) {
}; };
msgTimeout = window.setTimeout(msgCallback, 5000); msgTimeout = window.setTimeout(msgCallback, 5000);
} }
function openDialog(qrLarge) { function openDialog(qrLarge) {
document.body.classList.add("scroll-lock"); document.body.classList.add("scroll-lock");
qrDialog.innerHTML = '<img src="' + qrLarge + '"/>'; qrDialog.innerHTML = '<img src="' + qrLarge + '"/>';
qrDialog.showModal(); qrDialog.showModal();
} }
qrDialog.addEventListener("close", function () { qrDialog.addEventListener("close", function () {
document.body.classList.remove("scroll-lock"); document.body.classList.remove("scroll-lock");
}); });
qrDialog.addEventListener("click", function (event) { qrDialog.addEventListener("click", function (event) {
if (event.target === this) { if (event.target === this) {
this.close(); this.close();
} }
}); });
</script> </script>