diff options
| author | secondl1ght <[email protected]> | 2022-07-21 22:22:30 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-07-21 22:22:30 -0600 |
| commit | 15dffb3a0216c0eccc06b2fc449c423aba6811b2 (patch) | |
| tree | a664d3217f40c06b81c1b73f4c1761b3961f8bc8 /src/components/LandingInfoCard.svelte | |
| parent | a124ebdfdc90aee2c8af0fffa83500055829db92 (diff) | |
| download | coinos-ui-15dffb3a0216c0eccc06b2fc449c423aba6811b2.tar.gz coinos-ui-15dffb3a0216c0eccc06b2fc449c423aba6811b2.zip | |
add register and login pages, DRY up more, add $comp, add new components
Diffstat (limited to 'src/components/LandingInfoCard.svelte')
| -rw-r--r-- | src/components/LandingInfoCard.svelte | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte index 2b2dd2a1..c67d3fcc 100644 --- a/src/components/LandingInfoCard.svelte +++ b/src/components/LandingInfoCard.svelte @@ -1,4 +1,6 @@ <script> + import Image from './Image.svelte'; + export let image; export let title; export let description; @@ -6,14 +8,11 @@ </script> <div class="block lg:flex justify-center lg:space-x-20 items-center"> - {#if image} - <img - src="/images/{image}.png" - alt={image} - class="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order === - 'reverse' && 'order-last'}" - /> - {/if} + <Image + {image} + style="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order === + 'reverse' && 'order-last'}" + /> <div class="w-full lg:w-1/2 max-w-3xl space-y-10 mx-auto lg:mx-0"> <h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]">{title}</h3> <p class="text-secondary text-xl font-medium w-full md:w-[500px] mx-auto lg:mx-0"> |