Introduce group basic federation, event new page and notifications
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
@@ -1,32 +1,31 @@
|
||||
<template>
|
||||
<h3>
|
||||
<span>
|
||||
<slot />
|
||||
</span>
|
||||
</h3>
|
||||
<h2>
|
||||
<span>
|
||||
<slot />
|
||||
</span>
|
||||
</h2>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from 'vue-property-decorator';
|
||||
import { Component, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component
|
||||
export default class Subtitle extends Vue {
|
||||
}
|
||||
export default class Subtitle extends Vue {}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/variables.scss";
|
||||
@import "@/variables.scss";
|
||||
|
||||
h3 {
|
||||
display: block;
|
||||
margin: 15px 0 30px;
|
||||
h2 {
|
||||
display: block;
|
||||
margin: 15px 0 30px;
|
||||
|
||||
span {
|
||||
background: $secondary;
|
||||
display: inline;
|
||||
padding: 3px 8px;
|
||||
color: #3A384C;
|
||||
font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
span {
|
||||
background: $secondary;
|
||||
display: inline;
|
||||
padding: 3px 8px;
|
||||
color: #3a384c;
|
||||
font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<div class="is-divider-vertical" :data-content="dataContent"></div>
|
||||
<div class="is-divider-vertical" :data-content="dataContent"></div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||
|
||||
@Component
|
||||
export default class VerticalDivider extends Vue {
|
||||
@Prop({ default: 'Or' }) content;
|
||||
@Prop({ default: "Or" }) content!: string;
|
||||
|
||||
get dataContent() {
|
||||
return this.content.toLocaleUpperCase();
|
||||
@@ -14,9 +14,9 @@ export default class VerticalDivider extends Vue {
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/variables.scss";
|
||||
@import "@/variables.scss";
|
||||
|
||||
.is-divider-vertical[data-content]::after {
|
||||
background-color: $body-background-color;
|
||||
}
|
||||
</style>
|
||||
.is-divider-vertical[data-content]::after {
|
||||
background-color: $body-background-color;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user