2019-04-03 17:29:03 +02:00
|
|
|
<template>
|
2020-11-29 10:54:36 +01:00
|
|
|
<img src="img/pics/logo_chapril_mobilizon.png" alt="logo chapril" />
|
2019-04-03 17:29:03 +02:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
2020-02-18 08:57:00 +01:00
|
|
|
import { Component, Prop, Vue } from "vue-property-decorator";
|
2020-10-13 20:39:59 +02:00
|
|
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
2020-02-18 08:57:00 +01:00
|
|
|
// @ts-ignore
|
2021-08-18 18:17:16 +02:00
|
|
|
// import MobilizonLogo from "../assets/logo_chapril_mobilizon.png";
|
2020-07-09 17:24:28 +02:00
|
|
|
|
2020-12-04 15:08:04 +01:00
|
|
|
@Component
|
2019-04-03 17:29:03 +02:00
|
|
|
export default class Logo extends Vue {
|
|
|
|
@Prop({ type: Boolean, required: false, default: false }) invert!: boolean;
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
2020-02-18 08:57:00 +01:00
|
|
|
svg {
|
2020-06-17 15:54:24 +02:00
|
|
|
fill: $background-color;
|
2019-04-24 20:50:05 +02:00
|
|
|
|
2020-02-18 08:57:00 +01:00
|
|
|
&.invert {
|
|
|
|
fill: $secondary;
|
|
|
|
}
|
|
|
|
}
|
2019-04-03 17:29:03 +02:00
|
|
|
</style>
|