Simplet fixes

Author: urko94

frontend/assets/styles/_naive-ui.css

@@ -446,7 +446,7 @@ body > .n-message-container {
 
     &:focus,
     &:hover {
-      background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23F9FF73' stroke-width='1' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+      background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2378DCE8' stroke-width='1' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
     }
   }
   .n-upload-file-info {

frontend/components/general/Card.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="relative w-full max-w-md border-card border-black p-6">
+  <div
+    class="relative w-full max-w-md border-card border-black hover:border-grey-transparent transition-colors duration-300 p-6"
+  >
     <div class="h-full w-full flex flex-col justify-between gap-2">
       <div v-if="icon || img" class="flex-cc h-12 w-12 rounded -mb-2">
         <NuxtIcon v-if="icon" :name="icon" class="icon-auto text-2xl" />

frontend/components/parts/Statistics.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="statistics" class="card-dark small md:min-w-96 inline-flex gap-4">
+  <div v-if="statistics" class="card-dark small md:min-w-96 inline-flex items-center gap-4">
     <div class="w-24">
       <img
         v-if="config.public.COLLECTION_LOGO"

frontend/components/parts/airdrop/Airdrop.vue

@@ -45,11 +45,13 @@
       <h6 class="mt-8 mb-2">Distribution methods</h6>
       <div class="flex gap-6">
         <Card
+          class="cursor-pointer"
           icon="icon/airdrop"
           title="Email Mint"
           content="Upload a list of emails and send minting invites. Users will receive a branded email from you with a link to claim their NFT - no wallet required."
           :tags="['Gasless for users', 'Email user base', 'Rewards', 'Easy claim']"
           :alert="authStore.smtpConfigured ? '' : 'Needs setup'"
+          @click="openAirdrop(AirdropMethod.EMAIL)"
         >
           <template #additional>
             <div class="flex gap-2 w-full mt-4">
@@ -59,10 +61,12 @@
           </template>
         </Card>
         <Card
+          class="cursor-pointer"
           icon="icon/wallet"
           title="Wallet Mint"
           content="Upload a list of emails and send minting invites. Users will receive a branded email from you with a link to claim their NFT."
           :tags="['Whitelisting', 'Rewards', 'Gasless for users']"
+          @click="openAirdrop(AirdropMethod.WALLET)"
         >
           <template #additional>
             <div class="flex gap-2 w-full mt-4">