fix(layout): restore the margin bottom of the main area (#1047)

This commit is contained in:
Cotes Chung 2023-05-18 11:09:32 +08:00 committed by GitHub
parent 3bd881da70
commit eb40f51c84
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 11 deletions

View file

@ -1,6 +1,6 @@
<!-- The paginator for post list on HomgPage. --> <!-- The paginator for post list on HomgPage. -->
<ul class="pagination align-items-center my-4 ps-lg-2"> <ul class="pagination align-items-center mt-4 mb-1 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 %}

View file

@ -5,7 +5,11 @@ layout: default
{% include lang.html %} {% include lang.html %}
{% include origin-type.html %} {% include origin-type.html %}
<div class="row"> {% if layout.tail_includes %}
{% 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 %}
@ -52,7 +56,7 @@ layout: default
</div> </div>
<!-- tail --> <!-- tail -->
{% if layout.tail_includes %} {% if has_tail %}
<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 %}

View file

@ -1113,10 +1113,6 @@ $btn-mb: 0.5rem;
@extend %no-bottom-border; @extend %no-bottom-border;
} }
} }
@at-root .row:only-child > #{&} {
padding-bottom: 3rem;
}
} }
#mask { #mask {

View file

@ -5,10 +5,6 @@
#post-list { #post-list {
margin-top: 2rem; margin-top: 2rem;
&:only-child {
margin-bottom: 3.75rem;
}
a.card-wrapper { a.card-wrapper {
display: block; display: block;