diff options
| author | secondl1ght <[email protected]> | 2022-07-21 12:16:53 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-07-21 12:16:53 -0600 |
| commit | 80ad3d204ae01899803d9c5d83cb22a64e474456 (patch) | |
| tree | 2a2389995c3897a025167a4706648291e815188f /src/components | |
| parent | 4ae7855829faacfc5c29ff3284ef0d751bb2bc6c (diff) | |
| download | coinos-ui-80ad3d204ae01899803d9c5d83cb22a64e474456.tar.gz coinos-ui-80ad3d204ae01899803d9c5d83cb22a64e474456.zip | |
update images to higher quality, refactor and updates from genes review
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FaqCard.svelte | 4 | ||||
| -rw-r--r-- | src/components/LandingInfoCard.svelte | 21 |
2 files changed, 12 insertions, 13 deletions
diff --git a/src/components/FaqCard.svelte b/src/components/FaqCard.svelte index 5753fd87..3ebd7f45 100644 --- a/src/components/FaqCard.svelte +++ b/src/components/FaqCard.svelte @@ -3,9 +3,9 @@ export let answer; </script> -<div class="mx-auto w-full md:w-2/3 lg:w-1/2 space-y-5"> +<div class="mx-auto w-full md:w-2/3 lg:w-[700px] space-y-5"> <p class="text-2xl font-medium">{question}</p> - <p class="text-secondary text-xl font-medium w-full md:w-2/3 max-w-2xl"> + <p class="text-secondary text-xl font-medium"> {answer} </p> </div> diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte index d693d78d..2b2dd2a1 100644 --- a/src/components/LandingInfoCard.svelte +++ b/src/components/LandingInfoCard.svelte @@ -1,5 +1,4 @@ <script> - export let gradients; export let image; export let title; export let description; @@ -7,17 +6,17 @@ </script> <div class="block lg:flex justify-center lg:space-x-20 items-center"> - <div - class="{order === 'reverse' && - 'order-last'} bg-gradient-to-r {gradients} rounded-full w-[250px] h-[250px] md:w-[300px] md:h-[300px] lg:w-[350px] lg:h-[350px] xl:w-[450px] xl:h-[450px] 2xl:w-[500px] 2xl:h-[500px] flex justify-center items-center mx-auto lg:mx-0 mb-10 lg:mb-0" - > - {#if image} - <img src="/images/{image}.svg" alt={image} class="w-5/6" /> - {/if} - </div> + {#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} <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">{title}</h3> - <p class="text-secondary text-xl font-medium w-full lg:w-3/4 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"> {#if description} {description} {:else} |