make icons not cut off

This commit is contained in:
JovannMC 2025-01-13 17:30:34 +03:00
parent 5cc14b2640
commit 212de6e325
No known key found for this signature in database
4 changed files with 22 additions and 24 deletions

View File

@ -37,12 +37,10 @@
{/snippet} {/snippet}
<Panel class="flex flex-col gap-8 p-6"> <Panel class="flex flex-col gap-8 p-6">
<h2 class="text-2xl font-bold"> <h2 class="text-2xl font-bold flex items-center">
<HeartHandshakeIcon <div class="rounded-full bg-blue-300 p-2 inline-block mr-3 w-10 h-10">
size="40" <HeartHandshakeIcon />
class="inline-block -mt-1 mr-2 bg-blue-300 p-2 rounded-full" </div>
color="black"
/>
Credits Credits
</h2> </h2>

View File

@ -25,12 +25,12 @@
<Panel class="flex flex-col gap-8 p-6"> <Panel class="flex flex-col gap-8 p-6">
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<h2 class="text-2xl font-bold"> <h2 class="text-2xl font-bold flex items-center">
<HeartIcon <div
size="40" class="rounded-full bg-rose-300 p-2 inline-block mr-3 w-10 h-10"
class="inline-block -mt-1 mr-2 bg-rose-300 p-2 rounded-full" >
color="black" <HeartIcon color="black" />
/> </div>
Donate to VERT Donate to VERT
</h2> </h2>
<p class="text-base font-normal"> <p class="text-base font-normal">

View File

@ -4,12 +4,12 @@
</script> </script>
<Panel class="flex flex-col gap-4 p-6"> <Panel class="flex flex-col gap-4 p-6">
<h2 class="text-2xl font-bold"> <h2 class="text-2xl font-bold flex items-center">
<LinkIcon <div
size="40" class="rounded-full bg-violet-400 p-2 inline-block mr-3 w-10 h-10"
class="inline-block -mt-1 mr-2 bg-violet-400 bg- p-2 rounded-full" >
color="black" <LinkIcon />
/> </div>
Resources Resources
</h2> </h2>
<div class="flex gap-3"> <div class="flex gap-3">

View File

@ -4,12 +4,12 @@
</script> </script>
<Panel class="flex flex-col gap-3 p-6"> <Panel class="flex flex-col gap-3 p-6">
<h2 class="text-2xl font-bold"> <h2 class="text-2xl font-bold flex items-center">
<MessageCircleQuestionIcon <div
size="40" class="rounded-full bg-accent p-2 inline-block mr-3 w-10 h-10"
class="inline-block -mt-1 mr-2 bg-accent p-2 rounded-full" >
color="black" <MessageCircleQuestionIcon color="black" />
/> </div>
Why VERT? Why VERT?
</h2> </h2>
<p class="text-lg font-normal"> <p class="text-lg font-normal">