Create reusable StickyCTA component
This commit is contained in:
12
templates/components/sticky_cta.html
Normal file
12
templates/components/sticky_cta.html
Normal 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 %}
|
6
templates/portfolios/add_funding_cta.html
Normal file
6
templates/portfolios/add_funding_cta.html
Normal 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 %}
|
@@ -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'>
|
||||
|
@@ -1,3 +1,5 @@
|
||||
{% from "components/sticky_cta.html" import StickyCTA %}
|
||||
{% from "components/save_button.html" import SaveButton %}
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
Reference in New Issue
Block a user