Add anonymous and remote participations
This commit is contained in:
22
js/src/components/Utils/VerticalDivider.vue
Normal file
22
js/src/components/Utils/VerticalDivider.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<div class="is-divider-vertical" :data-content="dataContent"></div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
|
||||
@Component
|
||||
export default class VerticalDivider extends Vue {
|
||||
@Prop({ default: 'Or' }) content;
|
||||
|
||||
get dataContent() {
|
||||
return this.content.toLocaleUpperCase();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/variables.scss";
|
||||
|
||||
.is-divider-vertical[data-content]::after {
|
||||
background-color: $body-background-color;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user