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

fix styling for post results

Browse Source
This commit is contained in:
Alina Beck 2020-03-23 14:29:49 +01:00
parent 72d979de55
commit 23a8010872
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
webapp/components/_new/features/SearchResults/SearchResults.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="search-results">
<tab-navigation :tabs="tabOptions" :activeTab="activeTab" @switchTab="switchTab" />
<section>
<section :class="['results', activeTab === 'User' && '--user']">
<p v-if="!activeResources.length">No results found for "{{ search }}"</p>
<masonry-grid v-else-if="activeTab === 'Post'">
<masonry-grid-item v-for="resource in activeResources" :key="resource.key">
@ -98,13 +98,16 @@ export default {
</script>
<style lang="scss">
.search-results {
> section {
> .results {
display: inline-block;
width: 100%;
max-width: 600px;
padding: $space-small;
background-color: $color-neutral-80;
border-radius: 0 $border-radius-base $border-radius-base $border-radius-base;
&.--user {
width: 100%;
max-width: 600px;
}
}
.user-list > .item {