mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
fixed position of new post button to fit all devices and be completely visible at any time
This commit is contained in:
parent
cece32f55d
commit
e51fd361ed
@ -1,10 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<ds-flex
|
<ds-flex v-if="Post && Post.length" :width="{ base: '100%' }" gutter="base">
|
||||||
v-if="Post && Post.length"
|
|
||||||
:width="{ base: '100%' }"
|
|
||||||
gutter="base"
|
|
||||||
>
|
|
||||||
<ds-flex-item
|
<ds-flex-item
|
||||||
v-for="post in uniq(Post)"
|
v-for="post in uniq(Post)"
|
||||||
:key="post.id"
|
:key="post.id"
|
||||||
@ -23,11 +19,7 @@
|
|||||||
primary
|
primary
|
||||||
/>
|
/>
|
||||||
</no-ssr>
|
</no-ssr>
|
||||||
<hc-load-more
|
<hc-load-more v-if="true" :loading="$apollo.loading" @click="showMoreContributions"/>
|
||||||
v-if="true"
|
|
||||||
:loading="$apollo.loading"
|
|
||||||
@click="showMoreContributions"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -149,8 +141,8 @@ export default {
|
|||||||
.post-add-button {
|
.post-add-button {
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 100vh;
|
top: 98vh;
|
||||||
left: 100vw;
|
left: 98vw;
|
||||||
transform: translate(-120%, -120%);
|
transform: translate(-120%, -120%);
|
||||||
box-shadow: $box-shadow-x-large;
|
box-shadow: $box-shadow-x-large;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user