ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2026-01-20 20:01:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

large images are set to maximum height

Browse Source
This commit is contained in:
senderfm 2019-07-04 10:22:03 +02:00
parent 83c4a1c638
commit 9d6d47cebb
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
webapp/components/PostCard/index.vue
View File

@ -8,9 +8,7 @@
<nuxt-link
class="post-link"
:to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
>
{{ post.title }}
</nuxt-link>
>{{ post.title }}</nuxt-link>
<ds-space margin-bottom="small" />
<!-- Username, Image & Date of Post -->
<div>
@ -128,6 +126,15 @@ export default {
</script>
<style lang="scss">
.ds-card-image img {
width: 100%;
max-height: 300px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.post-card {
cursor: pointer;
position: relative;