fix(ui): min-height of page layout exceeds the mobile screen

This commit is contained in:
Cotes Chung 2023-05-20 05:26:12 +08:00
parent f6bf6d0864
commit 73af59194a
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
5 changed files with 16 additions and 11 deletions

View file

@ -1,6 +1,6 @@
<!-- The paginator for post list on HomgPage. -->
<ul class="pagination align-items-center mt-4 mb-1 ps-lg-2">
<ul class="pagination align-items-center mt-4 mb-5 ps-lg-2">
<!-- left arrow -->
{% if paginator.previous_page %}
{% assign prev_url = paginator.previous_page_path | relative_url %}

View file

@ -5,7 +5,7 @@ layout: page
{% include lang.html %}
<div id="page-category">
<div id="page-category" class="mb-5">
<h1 class="ps-lg-2">
<i class="far fa-folder-open fa-fw text-muted"></i>
{{ page.title }}

View file

@ -40,7 +40,16 @@ refactor: true
{% endfor %}
{% endif %}
<div id="post-list">
{% if paginator.total_pages > 1 %}
{% assign has_paginator = true %}
{% endif %}
<div
id="post-list"
{% unless has_paginator %}
class="mb-5"
{% endunless %}
>
{% for post in posts %}
<a href="{{ post.url | relative_url }}" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
@ -105,6 +114,6 @@ refactor: true
</div>
<!-- #post-list -->
{% if paginator.total_pages > 1 %}
{% if has_paginator %}
{% include post-paginator.html %}
{% endif %}

View file

@ -5,11 +5,7 @@ layout: default
{% include lang.html %}
{% include origin-type.html %}
{% if layout.tail_includes %}
{% assign has_tail = true %}
{% endif %}
<div class="row{% unless has_tail %} mb-5{% endunless %}">
<div class="row">
<!-- core -->
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
{% capture padding %}
@ -56,7 +52,7 @@ layout: default
</div>
<!-- tail -->
{% if has_tail %}
{% if layout.tail_includes %}
<div class="row">
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-3 pe-xl-4 mt-5">
{% for _include in layout.tail_includes %}

View file

@ -5,7 +5,7 @@ layout: page
{% include lang.html %}
<div id="page-tag">
<div id="page-tag" class="mb-5">
<h1 class="ps-lg-2">
<i class="fa fa-tag fa-fw text-muted"></i>
{{ page.title }}