teaclave-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ms...@apache.org
Subject [incubator-teaclave-website] branch master updated: Add padding to footer in mobile devices
Date Fri, 23 Oct 2020 18:31:45 GMT
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 <bob@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


Mime
View raw message