IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move header to left, add border left

Browse Source 
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
This commit is contained in:
Matt Rider 2019-07-15 09:55:09 -03:00
parent cc61dac818
commit d42083a32e
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
webapp/components/FilterPosts/FilterPostsMenuItems.vue
View File

@ -10,7 +10,6 @@
:width="{ base: '100%', sm: '100%', md: '100%', lg: '5%' }" :width="{ base: '100%', sm: '100%', md: '100%', lg: '5%' }"
class="categories-menu-item" class="categories-menu-item"
> >
<ds-space margin-bottom="x-small" />
<ds-flex> <ds-flex>
<ds-flex-item width="10%" /> <ds-flex-item width="10%" />
<ds-flex-item width="100%"> <ds-flex-item width="100%">
@ -26,7 +25,11 @@
</ds-flex-item> </ds-flex-item>
</ds-flex> </ds-flex>
</ds-flex-item> </ds-flex-item>
<ds-flex-item :width="{ base: '0%', sm: '0%', md: '0%', lg: '7%' }" /> <ds-flex-item :width="{ base: '0%', sm: '0%', md: '0%', lg: '4%' }" />
<ds-flex-item
:width="{ base: '0%', sm: '0%', md: '0%', lg: '3%' }"
id="categories-menu-divider"
/>
<ds-flex-item <ds-flex-item
:width="{ base: '50%', sm: '50%', md: '50%', lg: '11%' }" :width="{ base: '50%', sm: '50%', md: '50%', lg: '11%' }"
v-for="index in chunk.length" v-for="index in chunk.length"
@ -94,11 +97,12 @@ export default {
<style lang="scss"> <style lang="scss">
#filter-posts-header { #filter-posts-header {
display: block; display: block;
text-align: center;
} }
.categories-menu-item { .categories-menu-item {
text-align: center; text-align: center;
} }
.categories-menu { .categories-menu {
justify-content: center; justify-content: center;
} }
@ -106,4 +110,11 @@ export default {
.category-labels { .category-labels {
font-size: $font-size-small; font-size: $font-size-small;
} }
@media only screen and (min-width: 960px) {
#categories-menu-divider {
border-left: 1px solid $border-color-soft;
margin: 9px 0px 40px 0px;
}
}
</style> </style>