mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 16:22:14 +00:00
50 lines
871 B
Vue
50 lines
871 B
Vue
<template>
|
|
<div>
|
|
<img v-if="config.app_logo" class="logo mx-auto" :src="$getImage(config.app_logo)" :alt="config.app_name">
|
|
<b v-if="! config.app_logo" class="auth-logo-text">{{ config.app_name }}</b>
|
|
|
|
<h1>{{ title }}</h1>
|
|
<h2>{{ description }}:</h2>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import {mapGetters} from "vuex";
|
|
|
|
export default {
|
|
name: 'Headline',
|
|
props: [
|
|
'description',
|
|
'title',
|
|
],
|
|
computed: {
|
|
...mapGetters([
|
|
'config',
|
|
])
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '/resources/sass/vuefilemanager/_variables';
|
|
@import '/resources/sass/vuefilemanager/_mixins';
|
|
|
|
.logo {
|
|
width: 120px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
h1 {
|
|
@include font-size(34);
|
|
font-weight: 800;
|
|
line-height: 1.2;
|
|
margin-bottom: 2px;
|
|
color: $text;
|
|
}
|
|
|
|
h2 {
|
|
@include font-size(23);
|
|
font-weight: 500;
|
|
margin-bottom: 50px;
|
|
color: $text;
|
|
}
|
|
</style> |