codevdesign 2.0.6 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,93 +1,94 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<footer>
|
|
3
|
-
<v-row>
|
|
4
|
-
<!-- slot gauche -->
|
|
5
|
-
<v-col cols="3">
|
|
6
|
-
<slot name="gauche" />
|
|
7
|
-
</v-col>
|
|
8
|
-
|
|
9
|
-
<!-- colonne centrale pour logo Quebec et versions -->
|
|
10
|
-
<v-col cols="6">
|
|
11
|
-
<div class="footer-content">
|
|
12
|
-
<a href="https://quebec.ca">
|
|
13
|
-
<img
|
|
14
|
-
id="logoFooter"
|
|
15
|
-
alt="Gouvernement du Québec."
|
|
16
|
-
:src="logoSrc"
|
|
17
|
-
width="117"
|
|
18
|
-
height="35"
|
|
19
|
-
/>
|
|
20
|
-
</a>
|
|
21
|
-
<div>
|
|
22
|
-
<small>
|
|
23
|
-
<a
|
|
24
|
-
href="http://www.droitauteur.gouv.qc.ca/copyright.php"
|
|
25
|
-
target="_blank"
|
|
26
|
-
>© Gouvernement du Québec {{ anneeEnCours }}
|
|
27
|
-
</a>
|
|
28
|
-
|
|
29
|
-
<a
|
|
30
|
-
v-if="props.version"
|
|
31
|
-
:href="props.lien"
|
|
32
|
-
target="_blank"
|
|
33
|
-
><br />
|
|
34
|
-
version <span v-html="props.version"
|
|
35
|
-
/></a>
|
|
36
|
-
</small>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
</v-col>
|
|
40
|
-
|
|
41
|
-
<!-- slot droite -->
|
|
42
|
-
<v-col cols="3">
|
|
43
|
-
<slot name="droite" />
|
|
44
|
-
</v-col>
|
|
45
|
-
</v-row>
|
|
46
|
-
</footer>
|
|
47
|
-
</template>
|
|
48
|
-
|
|
49
|
-
<script setup lang="ts">
|
|
50
|
-
import { computed } from 'vue'
|
|
51
|
-
import { useTheme } from 'vuetify'
|
|
52
|
-
|
|
53
|
-
const props = defineProps<{
|
|
54
|
-
version?: string
|
|
55
|
-
lien?: string
|
|
56
|
-
}>()
|
|
57
|
-
|
|
58
|
-
const theme = useTheme()
|
|
59
|
-
|
|
60
|
-
const logoSrc = computed(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<footer>
|
|
3
|
+
<v-row>
|
|
4
|
+
<!-- slot gauche -->
|
|
5
|
+
<v-col cols="3">
|
|
6
|
+
<slot name="gauche" />
|
|
7
|
+
</v-col>
|
|
8
|
+
|
|
9
|
+
<!-- colonne centrale pour logo Quebec et versions -->
|
|
10
|
+
<v-col cols="6">
|
|
11
|
+
<div class="footer-content">
|
|
12
|
+
<a href="https://quebec.ca">
|
|
13
|
+
<img
|
|
14
|
+
id="logoFooter"
|
|
15
|
+
alt="Gouvernement du Québec."
|
|
16
|
+
:src="logoSrc"
|
|
17
|
+
width="117"
|
|
18
|
+
height="35"
|
|
19
|
+
/>
|
|
20
|
+
</a>
|
|
21
|
+
<div>
|
|
22
|
+
<small>
|
|
23
|
+
<a
|
|
24
|
+
href="http://www.droitauteur.gouv.qc.ca/copyright.php"
|
|
25
|
+
target="_blank"
|
|
26
|
+
>© Gouvernement du Québec {{ anneeEnCours }}
|
|
27
|
+
</a>
|
|
28
|
+
|
|
29
|
+
<a
|
|
30
|
+
v-if="props.version"
|
|
31
|
+
:href="props.lien"
|
|
32
|
+
target="_blank"
|
|
33
|
+
><br />
|
|
34
|
+
version <span v-html="props.version"
|
|
35
|
+
/></a>
|
|
36
|
+
</small>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</v-col>
|
|
40
|
+
|
|
41
|
+
<!-- slot droite -->
|
|
42
|
+
<v-col cols="3">
|
|
43
|
+
<slot name="droite" />
|
|
44
|
+
</v-col>
|
|
45
|
+
</v-row>
|
|
46
|
+
</footer>
|
|
47
|
+
</template>
|
|
48
|
+
|
|
49
|
+
<script setup lang="ts">
|
|
50
|
+
import { computed } from 'vue'
|
|
51
|
+
import { useTheme } from 'vuetify'
|
|
52
|
+
|
|
53
|
+
const props = defineProps<{
|
|
54
|
+
version?: string
|
|
55
|
+
lien?: string
|
|
56
|
+
}>()
|
|
57
|
+
|
|
58
|
+
const theme = useTheme()
|
|
59
|
+
|
|
60
|
+
const logoSrc = computed(
|
|
61
|
+
() =>
|
|
62
|
+
`${import.meta.env.BASE_URL}images/${theme.global.current.value.dark ? 'QUEBEC_blanc.svg' : 'QUEBEC_couleur.svg'}`,
|
|
63
|
+
)
|
|
64
|
+
|
|
65
|
+
const anneeEnCours = computed<number>(() => {
|
|
66
|
+
return new Date().getFullYear()
|
|
67
|
+
})
|
|
68
|
+
</script>
|
|
69
|
+
|
|
70
|
+
<style scoped>
|
|
71
|
+
footer {
|
|
72
|
+
align-items: center; /* Centrer verticalement */
|
|
73
|
+
display: flex;
|
|
74
|
+
height: 100px; /* Ajuster la hauteur du footer */
|
|
75
|
+
justify-content: center; /* Centrer horizontalement */
|
|
76
|
+
text-align: center; /* Centrer le texte à l'intérieur des éléments */
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.footer-content {
|
|
80
|
+
align-items: center; /* Centrer horizontalement à l'intérieur de .footer-content */
|
|
81
|
+
display: flex;
|
|
82
|
+
flex-direction: column; /* Disposer les éléments les uns sous les autres */
|
|
83
|
+
justify-content: center; /* Centrer verticalement à l'intérieur de .footer-content */
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
footer a {
|
|
87
|
+
color: #095797;
|
|
88
|
+
text-decoration: none;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
footer small {
|
|
92
|
+
margin-top: 10px; /* Ajouter de l'espace entre l'image et le texte */
|
|
93
|
+
}
|
|
94
|
+
</style>
|