fix: Fixed alignment of Title, Subtitle, Action Button
This commit is contained in:
parent
3e8e6ac4e2
commit
0de735f20b
@ -31,6 +31,14 @@ body.product-page {
|
|||||||
.carousel-control-prev,
|
.carousel-control-prev,
|
||||||
.carousel-control-next {
|
.carousel-control-next {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
width: 8%;
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-body {
|
.carousel-body {
|
||||||
@ -43,6 +51,8 @@ body.product-page {
|
|||||||
|
|
||||||
.carousel-content {
|
.carousel-content {
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
|
margin-left: 5rem;
|
||||||
|
margin-right: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
{%- macro slide(image, title, subtitle, action, label, index, align="Left", theme="Dark") -%}
|
{%- macro slide(image, title, subtitle, action, label, index, align="Left", theme="Dark") -%}
|
||||||
{%- set align_class = resolve_class({
|
{%- set align_class = resolve_class({
|
||||||
'text-right': align == 'Right',
|
'text-right': align == 'Right',
|
||||||
'text-centre': align == 'Center',
|
'text-centre': align == 'Centre',
|
||||||
'text-left': align == 'Left',
|
'text-left': align == 'Left',
|
||||||
}) -%}
|
}) -%}
|
||||||
|
|
||||||
@ -15,7 +15,7 @@
|
|||||||
<div class="carousel-body container d-flex {{ align_class }}">
|
<div class="carousel-body container d-flex {{ align_class }}">
|
||||||
<div class="carousel-content align-self-center">
|
<div class="carousel-content align-self-center">
|
||||||
{%- if title -%}<h1 class="{{ heading_class }}">{{ title }}</h1>{%- endif -%}
|
{%- if title -%}<h1 class="{{ heading_class }}">{{ title }}</h1>{%- endif -%}
|
||||||
{%- if subtitle -%}<p class="text-muted mt-2">{{ subtitle }}</p>{%- endif -%}
|
{%- if subtitle -%}<p class="{{ heading_class }} mt-2">{{ subtitle }}</p>{%- endif -%}
|
||||||
{%- if action -%}
|
{%- if action -%}
|
||||||
<a href="{{ action }}" class="btn btn-primary mt-3">
|
<a href="{{ action }}" class="btn btn-primary mt-3">
|
||||||
{{ label }}
|
{{ label }}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user