ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow full width images; fix overflow in teaser

Browse Source
This commit is contained in:
Maximilian Harz 2025-06-27 18:23:07 +02:00
parent aba88205e9
commit 8ac914eb89
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/components/Editor/ContentViewer.vue
View File

@ -52,7 +52,7 @@ export default {
img {
display: block;
max-height: 400px;
max-width: 400px;
max-width: 100%;
}
}
</style>

2
webapp/components/Editor/Editor.vue
View File

@ -327,7 +327,7 @@ li > p {
img {
display: block;
max-height: 400px;
max-width: 400px;
max-width: 100%;
}
}

8
webapp/components/PostTeaser/PostTeaser.vue
View File

@ -48,7 +48,7 @@
</client-only>
<!-- TODO: replace editor content with tiptap render view -->
<!-- eslint-disable-next-line vue/no-v-html -->
<div class="content hyphenate-text" v-html="excerpt" />
<div class="content hyphenate-text excerpt" v-html="excerpt" />
<footer
class="footer"
v-observe-visibility="(isVisible, entry) => visibilityChanged(isVisible, entry, post.id)"
@ -350,3 +350,9 @@ export default {
}
}
</style>
<style scoped>
.excerpt {
overflow: hidden;
}
</style>