This commit is contained in:
Georges KABBOUCHI 2021-08-21 12:00:58 +03:00
parent 27b89c055c
commit 5d213e4ad7
8 changed files with 64 additions and 5 deletions

8
assets/icons/liquity.svg Normal file
View File

@ -0,0 +1,8 @@
<svg viewBox="0 0 31 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.8"
d="M13.0413 25.9848C20.2316 25.9848 26.0605 20.1679 26.0605 12.9924C26.0605 5.81689 20.2316 0 13.0413 0C5.851 0 0.0220947 5.81689 0.0220947 12.9924C0.0220947 20.1679 5.851 25.9848 13.0413 25.9848Z"
fill="currentColor" />
<path opacity="0.8"
d="M12.9703 25.9847C0.021819 25.9847 -5.08854 8.98532 6.34885 1.82129C4.98867 16.0293 12.2243 16.3435 18.9387 16.0293C30.1896 15.5026 30.1972 25.9847 30.1972 25.9847H12.9703Z"
fill="currentColor" />
</svg>

After

Width:  |  Height:  |  Size: 579 B

View File

@ -19,7 +19,7 @@
<div
class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
>
<OneInchIcon Icon class="w-10 h-10 text-white" />
<OneInchIcon Icon class="w-8 h-8 text-white" />
</div>
</div>
<h1 class="ml-4 text-primary-black text-2xl font-semibold">1Inch</h1>

View File

@ -36,6 +36,7 @@ import AaveIcon from "~/assets/icons/aave.svg?inline";
import CompoundIcon from "~/assets/icons/compound.svg?inline";
import MakerIcon from "~/assets/icons/makerdao.svg?inline";
import OneInchIcon from "~/assets/icons/1inch.svg?inline";
import LiquityIcon from "~/assets/icons/liquity.svg?inline";
const appsPerNetwork = {
mainnet: [
@ -66,6 +67,13 @@ const appsPerNetwork = {
name: "1inch",
url: "/1inch",
description: "DEX Aggregator"
},
{
id: "liquity",
icon: LiquityIcon,
name: "Liquity",
url: "/mainnet/liquity",
description: "Collateralized Debt"
}
],
polygon: [

View File

@ -18,7 +18,7 @@
<div
class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
>
<AaveIcon class="w-10 h-10 text-white" />
<AaveIcon class="w-8 h-8 text-white" />
</div>
</div>
<h1 class="ml-4 text-primary-black text-2xl font-semibold">Aave v2</h1>

View File

@ -18,7 +18,7 @@
<div
class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
>
<CompoundIcon class="w-10 h-10 text-white" />
<CompoundIcon class="w-8 h-8 text-white" />
</div>
</div>
<h1 class="ml-4 text-primary-black text-2xl font-semibold">Compound</h1>

43
pages/mainnet/liquity.vue Normal file
View File

@ -0,0 +1,43 @@
<template>
<div>
<div>
<nuxt-link
to="/"
class="text-[#C0C5D7] text-lg font-semibold flex items-center"
>
<BackIcon class="w-4 h-4 mr-3" />
Apps
</nuxt-link>
</div>
<div class="mt-10 flex items-center">
<div
style="background: radial-gradient(42.15% 42.15% at 48.94% 48.94%, #D6DAE0 75.67%, #F0F3F9 100%), #C4C4C4;"
class="w-16 h-16 rounded-full flex items-center justify-center border border-[#CCDCF3]"
>
<div
class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
>
<LiquityIcon class="w-8 h-8 text-white" />
</div>
</div>
<h1 class="ml-4 text-primary-black text-2xl font-semibold">Liquity</h1>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent, computed } from "@nuxtjs/composition-api";
import BackIcon from "~/assets/icons/back.svg?inline";
import LiquityIcon from '~/assets/icons/liquity.svg?inline'
export default defineComponent({
components: {
BackIcon,
LiquityIcon,
},
setup() {
}
});
</script>

View File

@ -19,7 +19,7 @@
<div
class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
>
<MakerDAOIcon Icon class="w-10 h-10 text-white" />
<MakerDAOIcon Icon class="w-8 h-8 text-white" />
</div>
</div>
<h1 class="ml-4 text-primary-black text-2xl font-semibold">MakerDAO</h1>

View File

@ -18,7 +18,7 @@
<div
class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
>
<AaveIcon class="w-10 h-10 text-white" />
<AaveIcon class="w-8 h-8 text-white" />
</div>
</div>
<h1 class="ml-4 text-primary-black text-2xl font-semibold">Aave v2</h1>