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

added margin to newsfeed grid if no donation or hastag bar is visible

Browse Source
This commit is contained in:
Markus 2023-03-20 14:17:15 +01:00
parent 9454b7b541
commit 335ffcda14
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
webapp/pages/index.vue
View File

@ -19,10 +19,7 @@
</client-only>
</div>
<div>
<div
v-if="categoriesActive && SHOW_CONTENT_FILTER_MASONRY_GRID"
class="top-filter-menu"
>
<div v-if="categoriesActive && SHOW_CONTENT_FILTER_MASONRY_GRID" class="top-filter-menu">
<div class="filterButtonBox">
<div class="filterButtonMenu" :class="{ 'hide-filter': hideByScroll }">
<base-button
@ -83,7 +80,7 @@
</div>
</div>
<!-- content grid -->
<masonry-grid>
<masonry-grid :class="[!hashtag && !showDonations ? 'grid-margin-top' : '']">
<!-- news feed -->
<template v-if="hasResults">
<masonry-grid-item
@ -367,6 +364,9 @@ export default {
overflow: auto;
padding-bottom: 0px;
}
.grid-margin-top {
margin-top: 26px;
}
@media screen and (min-height: 401px) {
#my-filter {
max-height: 330px;
@ -429,5 +429,9 @@ export default {
.newsfeed-controls {
margin-top: 32px;
}
.grid-margin-top {
margin-top: 6px;
}
}
</style>