You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@teaclave.apache.org by ms...@apache.org on 2020/10/23 18:31:45 UTC
[incubator-teaclave-website] branch master updated: Add padding to
footer in mobile devices
This is an automated email from the ASF dual-hosted git repository.
mssun pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-teaclave-website.git
The following commit(s) were added to refs/heads/master by this push:
new a6d43c5 Add padding to footer in mobile devices
a6d43c5 is described below
commit a6d43c53b7cb962714738fa298ec8034a5589548
Author: Mingshen Sun <bo...@mssun.me>
AuthorDate: Fri Oct 23 11:31:07 2020 -0700
Add padding to footer in mobile devices
---
site/.vuepress/theme/components/Home.vue | 4 ++++
site/.vuepress/theme/components/Page.vue | 4 +++-
site/.vuepress/theme/layouts/IndexPost.vue | 4 ++++
site/.vuepress/theme/layouts/Post.vue | 4 ++++
4 files changed, 15 insertions(+), 1 deletion(-)
diff --git a/site/.vuepress/theme/components/Home.vue b/site/.vuepress/theme/components/Home.vue
index 7e3418f..2dfcc1b 100644
--- a/site/.vuepress/theme/components/Home.vue
+++ b/site/.vuepress/theme/components/Home.vue
@@ -161,6 +161,8 @@ export default {
.feature
max-width 100%
padding 0 2.5rem
+ .footer
+ padding 2.5rem 1rem 2.5rem 1rem
@media (max-width: $MQMobileNarrow)
.home
@@ -182,4 +184,6 @@ export default {
.feature
h2
font-size 1.25rem
+ .footer
+ padding 2.5rem 1rem 2.5rem 1rem
</style>
diff --git a/site/.vuepress/theme/components/Page.vue b/site/.vuepress/theme/components/Page.vue
index a25463a..9d38bca 100644
--- a/site/.vuepress/theme/components/Page.vue
+++ b/site/.vuepress/theme/components/Page.vue
@@ -46,8 +46,10 @@ export default {
margin: 2.5rem auto 0 auto
font-size 0.7rem
padding 2.5rem 0 2.5rem 0
+ @media (max-width: $MQMobile)
+ padding 2.5rem 1rem 2.5rem 1rem
@media (max-width: $MQMobileNarrow)
- padding 1.5rem
+ padding 2.5rem 1rem 2.5rem 1rem
border-top 1px solid $borderColor
text-align left
color lighten($textColor, 25%)
diff --git a/site/.vuepress/theme/layouts/IndexPost.vue b/site/.vuepress/theme/layouts/IndexPost.vue
index 7497251..42819cb 100644
--- a/site/.vuepress/theme/layouts/IndexPost.vue
+++ b/site/.vuepress/theme/layouts/IndexPost.vue
@@ -187,6 +187,10 @@ export default {
margin: 2.5rem auto 0 auto
font-size 0.7rem
padding 2.5rem 0 2.5rem 0
+ @media (max-width: $MQMobile)
+ padding 2.5rem 1rem 2.5rem 1rem
+ @media (max-width: $MQMobileNarrow)
+ padding 2.5rem 1rem 2.5rem 1rem
border-top 1px solid $borderColor
text-align left
color lighten($textColor, 25%)
diff --git a/site/.vuepress/theme/layouts/Post.vue b/site/.vuepress/theme/layouts/Post.vue
index 540856b..a4cb5d7 100644
--- a/site/.vuepress/theme/layouts/Post.vue
+++ b/site/.vuepress/theme/layouts/Post.vue
@@ -192,6 +192,10 @@ export default {
margin: 2.5rem auto 0 auto
font-size 0.7rem
padding 2.5rem 0 2.5rem 0
+ @media (max-width: $MQMobile)
+ padding 2.5rem 1rem 2.5rem 1rem
+ @media (max-width: $MQMobileNarrow)
+ padding 2.5rem 1rem 2.5rem 1rem
border-top 1px solid $borderColor
text-align left
color lighten($textColor, 25%)
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@teaclave.apache.org
For additional commands, e-mail: commits-help@teaclave.apache.org