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

fixed position of new post button to fit all devices and be completely visible at any time

Browse Source
This commit is contained in:
Ulf Gebhardt 2019-04-08 12:45:03 +02:00
parent cece32f55d
commit e51fd361ed
No known key found for this signature in database
GPG Key ID: 44C888923CC8E7F3
1 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webapp/pages/index.vue
View File

@ -1,16 +1,12 @@
<template>
<div>
<ds-flex
v-if="Post && Post.length"
:width="{ base: '100%' }"
gutter="base"
>
<ds-flex v-if="Post && Post.length" :width="{ base: '100%' }" gutter="base">
<ds-flex-item
v-for="post in uniq(Post)"
:key="post.id"
:width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
>
<hc-post-card :post="post" />
<hc-post-card :post="post"/>
</ds-flex-item>
</ds-flex>
<no-ssr>
@ -23,11 +19,7 @@
primary
/>
</no-ssr>
<hc-load-more
v-if="true"
:loading="$apollo.loading"
@click="showMoreContributions"
/>
<hc-load-more v-if="true" :loading="$apollo.loading" @click="showMoreContributions"/>
</div>
</template>
@ -149,8 +141,8 @@ export default {
.post-add-button {
z-index: 100;
position: fixed;
top: 100vh;
left: 100vw;
top: 98vh;
left: 98vw;
transform: translate(-120%, -120%);
box-shadow: $box-shadow-x-large;
}