💄 Fixed some display padding & margin in mobile.

This commit is contained in:
凡梦星尘 2022-06-18 19:53:09 +08:00
parent 3a46e83146
commit 00c93d2fb7
5 changed files with 103 additions and 95 deletions

View File

@ -21,6 +21,14 @@
@include flex-column(); @include flex-column();
@include main-container(); @include main-container();
@include mobile() {
font-size: $font-size-smaller;
}
@include mobile-small() {
font-size: $font-size-smallest;
}
@if $footer_vendors_enable { @if $footer_vendors_enable {
.vendors-list { .vendors-list {
a { a {

View File

@ -64,7 +64,7 @@
} }
@mixin sidebar-inline-links-item() { @mixin sidebar-inline-links-item() {
margin: 5px 0 0; margin: 5px 0;
a { a {
box-sizing: border-box; box-sizing: border-box;

View File

@ -75,7 +75,7 @@
@if $links_settings_layout == 'inline' { @if $links_settings_layout == 'inline' {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
@include sidebar-inline-links-item(); margin: 5px;
} }
} }

View File

@ -82,8 +82,8 @@ $reward_settings_animation: {{ $P.rewardSets.animation }};
$post_end_tag_icon : {{ $P.postFooter.tagIcon }}; $post_end_tag_icon : {{ $P.postFooter.tagIcon }};
// TODO find the paramters // TODO find the paramters
$text_align_desktop: justify; $text_align_desktop : {{ $P.textAlign.desktop }};
$text_align_mobile: justify; $text_align_mobile : {{ $P.textAlign.mobile }};
// Note // Note
$note_icons : {{ $P.note.icons }}; $note_icons : {{ $P.note.icons }};
@ -122,7 +122,7 @@ $livere_enable: {{ $P.livere.enable }};
$utterances_enable : {{ $P.utterances.enable }}; $utterances_enable : {{ $P.utterances.enable }};
$waline_enable : {{ $P.waline.enable }}; $waline_enable : {{ $P.waline.enable }};
{{- with .Site.Params.comments }} {{- with .Site.Params.comments }}
{{ $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }} {{- $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }}
$two_comments_enable : {{ $tce }}; $two_comments_enable : {{ $tce }};
{{- if $tce }} {{- if $tce }}
{{- $sortNav := sort .nav "weight" }} {{- $sortNav := sort .nav "weight" }}

View File

@ -483,7 +483,7 @@ params:
mobile: justify mobile: justify
# Reduce padding / margin indents on devices with narrow width. # Reduce padding / margin indents on devices with narrow width.
mobileLayoutEconomy: false mobileLayoutEconomy: true
# Browser header panel color. # Browser header panel color.
themeColor: themeColor: