Create reusable StickyCTA component

This commit is contained in:
richard-dds
2019-05-30 16:47:42 -04:00
parent 4e0cc26b5f
commit 37ca94df42
11 changed files with 72 additions and 2 deletions

View File

@@ -0,0 +1,12 @@
{% macro StickyCTA(text) -%}
<div class="sticky-cta" v-sticky="{ zIndex: 1, stickyTop: 10 }">
<div class="sticky-cta-container">
<div class="sticky-cta-text">
<h3>{{ text }}</h3>
</div>
<div class="sticky-cta-buttons">
{{ caller() }}
</div>
</div>
</div>
{%- endmacro %}

View File

@@ -0,0 +1,6 @@
{% from "components/sticky_cta.html" import StickyCTA %}
{% from 'components/save_button.html' import SaveButton %}
{% call StickyCTA(text="Funding") %}
MEOW
{% endcall %}

View File

@@ -7,6 +7,8 @@
{% block portfolio_content %}
{% include "portfolios/add_funding_cta.html" %}
<div class='portfolio-applications'>
{% include "fragments/flash.html" %}
<div class='portfolio-applications__header row'>

View File

@@ -1,3 +1,5 @@
{% from "components/sticky_cta.html" import StickyCTA %}
{% from "components/save_button.html" import SaveButton %}
{% extends "base.html" %}
{% block content %}