Merge pull request #375 from arcana-network/dev

Release 1.0.10

src/components/AppFooter.vue

@@ -31,7 +31,7 @@ const socialLinks = [
 
 <template>
  <footer
- class="sticky top-[100vh] right-0 bottom-0 left-0 py-[0.75rem] px-[2rem] bg-[#1f1f1f] drop-shadow-[0_9px_25px_rgba(15,15,15,0.25)]"
+ class="sticky top-[100vh] right-0 bottom-0 left-0 py-3 px-8 bg-[#1f1f1f] drop-shadow-[0_9px_25px_rgba(15,15,15,0.25)]"
  >
  <VStack justify="space-between">
  <VStack

src/components/LandingDescriptor.vue

@@ -1,29 +1,34 @@
 <script lang="ts" setup>
-import AppLogo from '@/assets/logo.svg'
-
 const docsLink = 'https://docs.arcana.network/howto/config_dapp.html'
 </script>
 
 <template>
  <div
- class="mobile-remove tablet-remove w-[40%] min-w-[400px] max-w-[488px] m-[2rem] mt-[5vh] space-y-8"
+ class="w-auto md:w-[45%] m-8 md:mt-[10vh] md:ml-[50px] space-y-2 md:space-y-4"
  >
- <img :src="AppLogo" style="height: 72px" alt="Arcana Logo" />
- <h1 style="margin-top: 4vh" class="text-4xl">
+ <img
+ src="@/assets/arcana-logo.webp"
+ class="h-[27px] md:h-[38px]"
+ alt="Arcana Logo"
+ />
+ <h1
+ style="margin-top: 1vh"
+ class="text-[25px] md:text-[35px] text-black tracking-tight"
+ >
  Make your dApps secure from the ground up!
  </h1>
- <p class="text-xl text-[#8d8d8d] font-light">
+ <p class="text-[11px] md:text-[0.95rem] text-black font-light">
  See how to configure your app on the Arcana Dashboard.
- <a
- :href="docsLink"
- target="_blank"
- class="uppercase no-underline text-[#13a3fd]"
- >Learn More</a
- >
  </p>
- <img
- src="@/assets/sidebar-illustration.png"
- style="display: block; margin: 6vh auto 0"
- />
+ <a
+ :href="docsLink"
+ target="_blank"
+ class="flex flex-row uppercase no-underline text-[#000] text-[11px] md:text-[0.95rem] font-normal"
+ >Learn More
+ <img
+ class="pl-2 h-[11px] md:h-[20px]"
+ src="@/assets/iconography/right-pointer.svg"
+ />
+ </a>
  </div>
 </template>

src/components/LoginFooter.vue

@@ -0,0 +1,90 @@
+<script setup lang="ts">
+import DiscordIcon from '@/assets/discord-white.svg'
+import TelegramIcon from '@/assets/telegram-white.svg'
+import TwitterIcon from '@/assets/twitter-white.svg'
+import VStack from '@/components/lib/VStack/VStack.vue'
+
+type FooterProps = {
+ showSocialIcons?: boolean
+}
+
+const props = defineProps<FooterProps>()
+
+const socialLinks = [
+ {
+ href: 'https://twitter.com/arcananetwork',
+ image: TwitterIcon,
+ alt: 'Twitter',
+ },
+ {
+ href: 'https://t.me/ArcanaNetwork',
+ image: TelegramIcon,
+ alt: 'Telegram',
+ },
+ {
+ href: 'https://discord.gg/6g7fQvEpdy',
+ image: DiscordIcon,
+ alt: 'Discord',
+ },
+]
+</script>
+
+<template>
+ <footer
+ class="sticky top-[100vh] right-0 bottom-0 left-0 py-3 px-8 bg-transparent drop-shadow-[0_9px_25px_rgba(15,15,15,0.25)]"
+ >
+ <VStack justify="space-between">
+ <VStack
+ v-if="props.showSocialIcons"
+ gap="1.5rem"
+ align="center"
+ class="flex-1"
+ >
+ <a
+ v-for="socialLink in socialLinks"
+ :key="socialLink.alt"
+ :href="socialLink.href"
+ target="_blank"
+ >
+ <img
+ :src="socialLink.image"
+ :alt="socialLink.alt"
+ class="w-5 align-middle"
+ />
+ </a>
+ </VStack>
+ <VStack gap="2.5rem" class="flex-1" style="justify-content: end">
+ <VStack gap="1rem" align="center" class="footer-links">
+ <a
+ class="text-xs font-normal text-black no-underline"
+ href="https://github.com/arcana-network/license/blob/main/TERMS.md"
+ target="_blank"
+ >
+ Terms of Use
+ </a>
+ <a
+ class="text-xs font-normal text-black no-underline"
+ href="https://github.com/arcana-network/license/blob/main/PRIVACY.md"
+ target="_blank"
+ >
+ Privacy Policy
+ </a>
+ <div class="flex flex-row ml-5">
+ <a
+ class="text-sm font-normal mt-[2px] text-black no-underline"
+ href="https://github.com/arcana-network/license/blob/main/PRIVACY.md"
+ target="_blank"
+ >
+ Powered By
+ </a>
+ <img
+ src="@/assets/arcana-logo.webp"
+ alt="Arcana Logo"
+ class="ml-1 w-24 align-middle"
+ />
+ </div>
+ </VStack>
+ </VStack>
+ </VStack>
+ </footer>
+</template>

src/components/app-configure/auth/AuthSettings.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useRoute } from 'vue-router'
 
+import CustomVerifier from '@/components/app-configure/auth/CustomVerifier.vue'
 import IAMProviders from '@/components/app-configure/auth/IAMProviders.vue'
 import RedirectURI from '@/components/app-configure/auth/RedirectURI.vue'
 import SocialAuthProvider from '@/components/app-configure/auth/SocialAuthProvider.vue'
@@ -20,7 +21,7 @@ const keyspace = app.keyspace
  <main>
  <VStack direction="column" gap="2rem">
  <RedirectURI />
- <div class="relative">
+ <div class="relative space-y-2">
  <div
  v-if="keyspace === GLOBAL_KEYSPACE"
  class="absolute bg-[#1F1F1F] opacity-90 w-full h-full flex justify-center items-center z-[999]"
@@ -33,6 +34,7 @@ const keyspace = app.keyspace
  </div>
  <SocialAuthProvider />
  <IAMProviders />
+ <CustomVerifier />
  </div>
  </VStack>
  </main>