Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Prevent some marketing site rows overflowing on mobile (#2375)

Browse Source 
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
This commit is contained in:
ethancrawford
2025-05-17 04:27:18 +08:00
committed by GitHub
parent 38ea9aa4e7
commit 3a02ef9c55
9 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/giant-ligers-joke.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fix some marketing site rows overflowing on mobile

4
preview/pages/marketing/real-estate.html
View File

@@ -8,7 +8,7 @@ permalink: marketing/real-estate.html
<div class="container-narrow">
<h1 class="hero-title text-white">Find your forever home</h1>
<p class="hero-description mb-5 text-white text-opacity-50">It's time to find the home of your dreams, and you search begins here. We make it easy to find the property that fits your needs and budget.</p>
<div class="row gx-5 justify-content-center">
<div class="row gx-lg-5 justify-content-center">
<div class="col-xl-6 col-lg-8 text-center">
<form novalidate="" class="row row-cols-1 row-cols-md-auto g-3 align-items-center">
<div class="col flex-grow-1">
@@ -25,7 +25,7 @@ permalink: marketing/real-estate.html
<section class="section section-white">
{% include "marketing/section-divider.html" divider="arc" %}
<div class="container">
<div class="row g-6">
<div class="row g-lg-6">
{% for building in real-estate %}
<div class="col-md-6 col-lg-4">
<div class="card">

2
shared/includes/marketing/hero/side.html
View File

@@ -1,6 +1,6 @@
<header class="hero">
<div class="container">
<div class="row g-8 align-items-center">
<div class="row g-lg-8 align-items-center">
<div class="col-md-6 text-center text-md-start">
<div class="hero-subheader">Tabler Emails</div>
<h1 class="hero-title">

2
shared/includes/marketing/sections/companies.html
View File

@@ -4,7 +4,7 @@
<div class="section-header mb-6">
<h2 class="section-title text-secondary">Trusted by over 3,000 companies</h2>
</div>
<div class="row g-8 align-items-center justify-content-center">
<div class="row g-lg-8 align-items-center justify-content-center">
<div class="col-auto"><a href="#" class="link-secondary">{% include "marketing/brands/baremetrics.svg" %}</a></div>
<div class="col-auto"><a href="#" class="link-secondary">{% include "marketing/brands/cgi.svg" %}</a></div>
<div class="col-auto"><a href="#" class="link-secondary">{% include "marketing/brands/docplanner.svg" %}</a></div>

2
shared/includes/marketing/sections/faq.html
View File

@@ -3,7 +3,7 @@
<div class="section-header">
<h2 class="section-title">Frequently Asked Questions</h2>
</div>
<div class="row g-4">
<div class="row g-lg-4">
<div class="col-md-4 markdown">
<h3 class="h2">How is Tabler Pro different from Tabler?</h3>
<p class="text-secondary">Tabler offers fundamental components that you can piece together to build your app or website. However, Tabler Pro offers an elevated convenience by providing pre-assembled components and page templates, acting as ready-to-use building blocks that can be swiftly integrated into your app, thereby saving development time.</p>

2
shared/includes/marketing/sections/features-2.html
View File

@@ -6,7 +6,7 @@
<div class="section-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
<div class="row g-10">
<div class="row g-lg-10">
<div class="col-lg-6 mb-3 mb-lg-0">{% include "ui/svg.html" width=500 height=400 border=true %}</div>
<div class="col-lg-6">
<div class="space-y-6">

2
shared/includes/marketing/sections/features-3.html
View File

@@ -6,7 +6,7 @@
<div class="section-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
<div class="row g-10">
<div class="row g-lg-10">
<div class="col-lg-6">
<div class="space-y-6">
<div>

4
shared/includes/marketing/sections/testimonials.html
View File

@@ -9,12 +9,12 @@
</div>
{% endunless %}
<div class="row g-6">
<div class="row g-lg-6">
{% assign i = 1 %}
{% assign filtered-testimonials = testimonials | slice: 0, limit | split_to_n: 3 %}
{% for group in filtered-testimonials %}
<div class="col-md-6 col-lg-4">
<div class="row g-6">
<div class="row g-lg-6">
{% for testimonial in group %}
{% assign person = people[i] %}
<div class="col-12">

8
shared/layouts/marketing.html
View File

@@ -11,9 +11,9 @@ plugins: marketing
<footer class="footer">
<div class="container">
<div class="py-3">
<div class="row g-4">
<div class="row g-lg-4">
<div class="col-lg-7">
<div class="row g-4">
<div class="row g-lg-4">
<div class="col-md">
<div class="subheader mb-3">Our products</div>
<ul class="list-unstyled list-separated gap-2">
@@ -72,7 +72,7 @@ plugins: marketing
</div>
</div>
<div class="row g-4 justify-content-between mt-0 mt-md-2">
<div class="row g-lg-4 justify-content-between mt-0 mt-md-2">
<div class="col-sm-7 col-md-6 col-lg-4">
<h5 class="subheader">Payment &amp; Security</h5>
<ul class="list-inline mb-0 mt-3">
@@ -126,7 +126,7 @@ plugins: marketing
<footer class="footer">
<div class="container">
<div class="py-3 border-top-light text-center text-lg-start">
<div class="row g-4">
<div class="row g-lg-4">
<div class="col-lg-auto text-lg-end order-lg-last">
<div class="row justify-center">
<div class="col-auto">