jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ui Updated - Modification de LoginView.vue et ContactView.vue

Browse Source
This commit is contained in:
PascalMarchesseault
2024-03-13 17:49:04 -04:00
parent db29b20e42
commit 5380626ec9
20 changed files with 360 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/layouts/FooterLayout.vue
View File

@@ -1,28 +1,29 @@
<template>
<div style="background-color: rgb(107, 0, 101, 1); min-height: 10vh; display: flex; flex-direction: column;">
<v-container style="background-color: rgb(107, 0, 101, 1);">
<div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;">
<v-container style="background-color: #f4f4f4">
<v-row justify="center" style="margin-top: 30px;">
<v-row cols="auto" class="d-flex justify-center">
<a href="https://www.facebook.com/profile.php?id=61556819217561"><img src="../../../images/facebookicon.png"
alt="Description image 2" style="width: 50px; height: 50px; margin-right: 40px;"></a>
<a href="https://www.instagram.com/hutopy.inc/"><img src="../../../images/instafacebook.png"
alt="Description image 3" style="width: 50px; height: 50px; margin-right:40px;"></a>
<v-row cols="auto" class="d-flex justify-center align-center">
<img src="../../../images/hutopy.png" style="height: 70px; margin-right: 2%;">
<a href="https://www.facebook.com/profile.php?id=61556819217561"><img
src="../../../images/facebookiconblackpink.png" alt="Description image 2"
style="width: 50px; height: 50px; margin-right: 40px; "></a>
<a href="https://www.instagram.com/hutopy.inc/"><img src="../../../images/instagramblackpink.png"
alt="Description image 3" style="width: 50px; height: 50px; margin-right:40px; "></a>
<router-link :to="{ name: 'home' }">
<img src="../../../images/ChevronBlanc.png" alt="Description image 1"
style="width: 50px; height: 50px; margin-right: 40px;">
</router-link>
<img src="../../../images/xblackpink.png" alt="Description image 1"
style="width: 50px; height: 50px; margin-right: 40px; "></router-link>
</v-row>
</v-row>
</v-container>
<v-container class="text-center" style="flex-grow: 1;">
<v-btn v-for="link in links" :key="link" class="mx-2" color="white" rounded="xl" variant="text">
<v-btn v-for="link in links" :key="link" class="mx-2" color="black" rounded="xl" variant="text">
{{ link }}
</v-btn>
</v-container>
<v-container class="text-white text-center">
<v-container class="text-black text-center">
{{ new Date().getFullYear() }} — <strong>Hutopy v.01</strong>
</v-container>
@@ -52,9 +53,9 @@ export default {
<style>
.custom-footer {
background-color: rgb(107, 0, 101, 1);
padding: 10px;
/* Ajoute un rembourrage intérieur de 10px autour du contenu du footer */
/* Ajoute un rembourrage intérieur de 10px autour du contenu du footer * 107, 0, 101, 1/
margin: 0;
/* Réinitialise les marges à zéro */
}