mobilizon/js/src/components/Logo.vue
Thomas Citharel f60ab9b5b8
Fixes to navbar and edit page
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2019-10-03 11:37:34 +02:00

24 lines
530 B
Vue

<template>
<img svg-inline src="../assets/mobilizon_logo.svg" alt="Mobilizon" :class="{invert: invert}" height="40px">
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class Logo extends Vue {
@Prop({ type: Boolean, required: false, default: false }) invert!: boolean;
}
</script>
<style lang="scss" scoped>
@import "../variables.scss";
svg {
fill: $primary;
&.invert {
fill: $secondary;
}
}
</style>