TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-23 04:34:15 -04:00
Code Issues Packages Projects Releases Wiki Activity

(blog)(design) use text-wrap: balance;

Browse Source
This commit is contained in:
Andrea Vos 2024-02-09 17:56:30 +01:00
parent f3da4b70b4
commit a5ce601752
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/BlogEntriesList.vue
View File

@ -5,7 +5,7 @@
<nuxt-link v-if="post.hero" :to="generateLink(post.slug)" class=""> <nuxt-link v-if="post.hero" :to="generateLink(post.slug)" class="">
<img :src="post.hero" class="w-100" loading="lazy"> <img :src="post.hero" class="w-100" loading="lazy">
</nuxt-link> </nuxt-link>
<nuxt-link :to="generateLink(post.slug)" class="card-body text-center h4 p-3 mb-0"> <nuxt-link :to="generateLink(post.slug)" class="card-body text-center h4 p-3 mb-0 post-title">
<Spelling :text="post.title" /> <Spelling :text="post.title" />
</nuxt-link> </nuxt-link>
<div v-if="details" class="card-footer small"> <div v-if="details" class="card-footer small">
@ -91,4 +91,7 @@ export default {
.columnist-wall > .columnist-column { .columnist-wall > .columnist-column {
transition: margin-top .2s ease-in-out; transition: margin-top .2s ease-in-out;
} }
.post-title {
text-wrap: balance;
}
</style> </style>

1
routes/blogEntry.vue
View File

@ -75,6 +75,7 @@ export default {
h1 { h1 {
text-align: left; text-align: left;
text-wrap: balance;
} }
img { img {