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

style report list header

Browse Source
This commit is contained in:
Alina Beck 2019-12-03 11:37:58 +03:00
parent bcbce2a34a
commit 150ffef35a
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
webapp/components/_new/features/ReportList/ReportList.vue
View File

@ -1,16 +1,11 @@
<template>
<ds-card space="small">
<ds-flex class="notifications-page-flex">
<ds-flex-item :width="{ lg: '85%' }">
<ds-heading tag="h3">{{ $t('moderation.reports.name') }}</ds-heading>
</ds-flex-item>
<ds-flex-item width="110px">
<client-only>
<dropdown-filter @filter="filter" :filterOptions="filterOptions" :selected="selected" />
</client-only>
</ds-flex-item>
</ds-flex>
<ds-space />
<ds-card>
<div class="report-list-header">
<h3 class="title">{{ $t('moderation.reports.name') }}</h3>
<client-only>
<dropdown-filter @filter="filter" :filterOptions="filterOptions" :selected="selected" />
</client-only>
</div>
<reports-table :reports="reports" @confirm="confirm" />
</ds-card>
</template>
@ -137,6 +132,17 @@ export default {
</script>
<style lang="scss">
.report-list-header {
display: flex;
justify-content: space-between;
margin: $space-small 0;
> .title {
margin: 0;
font-size: $font-size-large;
}
}
.decision {
color: $color-secondary;
}