fix(ui): min-height of page
layout exceeds the mobile screen
This commit is contained in:
parent
f6bf6d0864
commit
73af59194a
5 changed files with 16 additions and 11 deletions
|
@ -1,6 +1,6 @@
|
||||||
<!-- The paginator for post list on HomgPage. -->
|
<!-- 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 -->
|
<!-- left arrow -->
|
||||||
{% if paginator.previous_page %}
|
{% if paginator.previous_page %}
|
||||||
{% assign prev_url = paginator.previous_page_path | relative_url %}
|
{% assign prev_url = paginator.previous_page_path | relative_url %}
|
||||||
|
|
|
@ -5,7 +5,7 @@ layout: page
|
||||||
|
|
||||||
{% include lang.html %}
|
{% include lang.html %}
|
||||||
|
|
||||||
<div id="page-category">
|
<div id="page-category" class="mb-5">
|
||||||
<h1 class="ps-lg-2">
|
<h1 class="ps-lg-2">
|
||||||
<i class="far fa-folder-open fa-fw text-muted"></i>
|
<i class="far fa-folder-open fa-fw text-muted"></i>
|
||||||
{{ page.title }}
|
{{ page.title }}
|
||||||
|
|
|
@ -40,7 +40,16 @@ refactor: true
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% 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 %}
|
{% for post in posts %}
|
||||||
<a href="{{ post.url | relative_url }}" class="card-wrapper">
|
<a href="{{ post.url | relative_url }}" class="card-wrapper">
|
||||||
<div class="card post-preview flex-md-row-reverse">
|
<div class="card post-preview flex-md-row-reverse">
|
||||||
|
@ -105,6 +114,6 @@ refactor: true
|
||||||
</div>
|
</div>
|
||||||
<!-- #post-list -->
|
<!-- #post-list -->
|
||||||
|
|
||||||
{% if paginator.total_pages > 1 %}
|
{% if has_paginator %}
|
||||||
{% include post-paginator.html %}
|
{% include post-paginator.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
@ -5,11 +5,7 @@ layout: default
|
||||||
{% include lang.html %}
|
{% include lang.html %}
|
||||||
{% include origin-type.html %}
|
{% include origin-type.html %}
|
||||||
|
|
||||||
{% if layout.tail_includes %}
|
<div class="row">
|
||||||
{% assign has_tail = true %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="row{% unless has_tail %} mb-5{% endunless %}">
|
|
||||||
<!-- core -->
|
<!-- core -->
|
||||||
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
|
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
|
||||||
{% capture padding %}
|
{% capture padding %}
|
||||||
|
@ -56,7 +52,7 @@ layout: default
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- tail -->
|
<!-- tail -->
|
||||||
{% if has_tail %}
|
{% if layout.tail_includes %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-3 pe-xl-4 mt-5">
|
<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 %}
|
{% for _include in layout.tail_includes %}
|
||||||
|
|
|
@ -5,7 +5,7 @@ layout: page
|
||||||
|
|
||||||
{% include lang.html %}
|
{% include lang.html %}
|
||||||
|
|
||||||
<div id="page-tag">
|
<div id="page-tag" class="mb-5">
|
||||||
<h1 class="ps-lg-2">
|
<h1 class="ps-lg-2">
|
||||||
<i class="fa fa-tag fa-fw text-muted"></i>
|
<i class="fa fa-tag fa-fw text-muted"></i>
|
||||||
{{ page.title }}
|
{{ page.title }}
|
||||||
|
|
Loading…
Reference in a new issue