diff --git a/.vuepress/components/GithubFeed.vue b/.vuepress/components/GithubFeed.vue index bc952f5..02733a6 100644 --- a/.vuepress/components/GithubFeed.vue +++ b/.vuepress/components/GithubFeed.vue @@ -10,43 +10,55 @@
- {{ event.actor.display_login }} commented on commit
+ {{ event.actor.display_login }} commented on
+ commit
- {{ event.actor.display_login }} created {{ event.payload.ref_type }} '{{ event.payload.ref }}'
+ {{ event.actor.display_login }} created
+ {{ event.payload.ref_type }} {{ event.payload.ref }}
- {{ event.actor.display_login }} deleted {{ event.payload.ref_type }} '{{ event.payload.ref }}'
+ {{ event.actor.display_login }} deleted
+ {{ event.payload.ref_type }} {{ event.payload.ref }}
- {{ event.actor.display_login }} forked {{ event.repo.name }} to {{ event.payload.forkee.name }}
+ {{ event.actor.display_login }} forked
+ {{ event.repo.name }} to
+ {{ event.payload.forkee.name }}
- {{ event.actor.display_login }} commented on pull requestissue {{ event.payload.issue.title }}
+ {{ event.actor.display_login }} commented on
+ pull request issue
+ {{ event.payload.issue.title }}
- {{ event.actor.display_login }} {{ event.payload.action }} issue {{ event.payload.issue.title }}
+ {{ event.actor.display_login }} {{ event.payload.action }} issue
+ {{ event.payload.issue.title }}
- {{ event.actor.display_login }} {{ event.payload.action }} pull request {{ event.payload.pull_request.title }}
+ {{ event.actor.display_login }} {{ event.payload.action }} pull request
+ {{ event.payload.pull_request.title }}
- {{ event.actor.display_login }} commented on pull request {{ event.payload.pull_request.title }}
+ {{ event.actor.display_login }} commented on pull request
+ {{ event.payload.pull_request.title }}
- {{ event.actor.display_login }} pushed to {{ refToBranch(event.payload.ref) }}
+ {{ event.actor.display_login }} pushed to
+ {{ refToBranch(event.payload.ref) }}
- {{ event.actor.display_login }} released {{ event.payload.release.tag_name }}
+ {{ event.actor.display_login }} released
+ {{ event.payload.release.tag_name }}
@@ -234,10 +246,13 @@ export default {
}
.github-feed__event {
- line-height: 1.33;
+ @media (min-width: 701px) {
+ line-height: 1.33;
+ }
@media (max-width: 700px) {
display: inline-block;
+ line-height: 1.55;
margin-right: 1.25rem;
vertical-align: top;
width: 200px;
@@ -256,6 +271,21 @@ export default {
}
> p:first-of-type {
+ box-shadow: 0 2px 5px rgba($black, 0.025);
+
+ code {
+ background-color: $black;
+ border-radius: 3px;
+ color: $white;
+ font-size: 80%;
+ letter-spacing: 0.05rem;
+ padding: 0.2rem 0.5rem;
+ }
+
+ em:not(.github-feed__event__time) {
+ text-decoration: underline;
+ }
+
@media (min-width: 701px) {
display: inline-block;
margin-left: 0.5rem;
@@ -295,5 +325,9 @@ export default {
.github-feed__event__time {
color: $gray;
display: block;
+
+ @media (max-width: 700px) {
+ padding-top: 1rem;
+ }
}