fix: Fixed alignment of Title, Subtitle, Action Button

This commit is contained in:
Shariq Ansari 2021-09-27 13:50:19 +05:30
parent 3e8e6ac4e2
commit 0de735f20b
2 changed files with 12 additions and 2 deletions

View File

@ -31,6 +31,14 @@ body.product-page {
.carousel-control-prev,
.carousel-control-next {
opacity: 1;
width: 8%;
@media (max-width: 1200px) {
width: 10%;
}
@media (max-width: 768px) {
width: 15%;
}
}
.carousel-body {
@ -43,6 +51,8 @@ body.product-page {
.carousel-content {
max-width: 400px;
margin-left: 5rem;
margin-right: 5rem;
}
.card {

View File

@ -1,7 +1,7 @@
{%- macro slide(image, title, subtitle, action, label, index, align="Left", theme="Dark") -%}
{%- set align_class = resolve_class({
'text-right': align == 'Right',
'text-centre': align == 'Center',
'text-centre': align == 'Centre',
'text-left': align == 'Left',
}) -%}
@ -15,7 +15,7 @@
<div class="carousel-body container d-flex {{ align_class }}">
<div class="carousel-content align-self-center">
{%- 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 -%}
<a href="{{ action }}" class="btn btn-primary mt-3">
{{ label }}