diff options
| author | Logan Hunt <loganhunt@simponic.xyz> | 2022-04-27 15:40:14 -0600 |
|---|---|---|
| committer | Logan Hunt <loganhunt@simponic.xyz> | 2022-04-27 15:40:14 -0600 |
| commit | f0d8562b7ba671fa6dd60867c542be3ed52758bf (patch) | |
| tree | 562f57661d90684e52417351fa63e9622276d589 /src/components/DirectionCard.svelte | |
| parent | a78b1e23aa089d58e0ab654a050558c004603443 (diff) | |
| download | mistymountainstherapy-f0d8562b7ba671fa6dd60867c542be3ed52758bf.tar.gz mistymountainstherapy-f0d8562b7ba671fa6dd60867c542be3ed52758bf.zip | |
Add more static routes; setup for contact form HCAPTCHA
Diffstat (limited to 'src/components/DirectionCard.svelte')
| -rw-r--r-- | src/components/DirectionCard.svelte | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/src/components/DirectionCard.svelte b/src/components/DirectionCard.svelte new file mode 100644 index 0000000..39d2260 --- /dev/null +++ b/src/components/DirectionCard.svelte @@ -0,0 +1,32 @@ +<script> + export let imageSpec; + export let direction; +</script> + +<main> + {#if direction == 'right'} + <div class="row d-flex align-items-center my-2"> + <div class="col-md-4 text-center order-sm-1"> + <img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} /> + </div> + <div class="col-md-8 border p-2 bg-light rounded shadow order-sm-2"> + <slot /> + </div> + </div> + {:else} + <div class="row d-flex align-items-center my-2"> + <div class="col-md-8 border p-2 bg-light rounded shadow order-md-first order-last"> + <slot /> + </div> + <div class="col-md-4 text-center"> + <img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} /> + </div> + </div> + {/if} +</main> + +<style> + p { + white-space: pre-wrap; + } +</style> |