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

4 users pages modifications - Need Chloé informations

Browse Source
This commit is contained in:
PascalMarchesseault
2024-05-04 01:52:14 -04:00
parent 648034e9b6
commit 2530f5a38a
9 changed files with 182 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/manualusers/ChloeProfile.vue
View File

@@ -28,18 +28,12 @@
<!-- Facebook -->
<v-row no-gutters class="d-flex justify-space-between align-center" style="margin-left: 3%; margin-right: 3%;">
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
<a href="https://www.facebook.com/GuillaumeMousseau222">
<a href="https://www.facebook.com/cloe.beaugrand">
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/facebookblack.png"
alt="Facebook"></v-img>
</a>
</v-col>
<!-- Instagram -->
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
<a href="https://www.instagram.com/p/C2f-3UnNdfX//">
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
alt="Instagram"></v-img>
</a>
</v-col>
<!-- Profile picture - Small -->
<v-col cols="4" sm="4" xs="0" class="hidden-xs">
<v-row class="d-flex justify-center align-center">
@@ -47,16 +41,13 @@
</v-row>
</v-col>
<!-- TikTok -->
<!-- Instagram -->
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
<a href="https://www.tiktok.com/@guillaumeaime">
<v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
alt="TikTok"></v-img>
<a href="https://www.instagram.com/cloe.bg/">
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
alt="Instagram"></v-img>
</a>
</v-col>
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
</v-col>
</v-row>
<!-- User informations Name title and description -->
@@ -243,24 +234,14 @@
<v-spacer></v-spacer>
<v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
<v-row>
<a href="https://www.facebook.com/GuillaumeMousseau222">
<a href="https://www.facebook.com/cloe.beaugrand">
<img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
alt="Description image 2">
</a>
<a href="https://www.instagram.com/p/C2f-3UnNdfX/">
<a href="https://www.instagram.com/cloe.bg/">
<img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
alt="Description image 2">
</a>
<!-- x
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
alt="Description image 2">
</a> -->
<a href="https://www.tiktok.com/@guillaumeaime">
<img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
alt="Description image 2">
</a>
</v-row>
</v-col>
<v-col background-color="primary"></v-col>
@@ -545,12 +526,12 @@ import StripePayment from '../StripePayment.vue';
let imageSrc = '/images/usersmedia/chloebeaugrand/banners/bannerChloeBeaugrand01.png';
let profilePicture = '/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png';
let name = 'Chloé Beaugrand'
let title = 'Spécialiste en média sociaux'
let title = 'Spécialiste en média'
let drawerbottom = ref(false)
let navigationItems = [
{ icon: 'mdi-home', text: 'Accueil', link: 'home' },
{ icon: 'mdi-account-group', text: 'Membres', link: '/contact' },
{ icon: 'mdi-account-group', text: 'Membres', link: '/userbrowser' },
//{ icon: 'mdi-file-document-outline', text: 'Contenu', link: '/creatorfolio' }
];
</script>
@@ -684,7 +665,7 @@ let navigationItems = [
}
.social-container {
background-color: #006d77;
background-color: #8c5536;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
font-size: 1.7rem;
@@ -693,7 +674,7 @@ let navigationItems = [
}
.social-container2 {
background-color: #0baab2;
background-color: #231f20;
border-bottom-right-radius: 30px;
font-size: 1.4rem;
font-weight: 500;
@@ -701,7 +682,7 @@ let navigationItems = [
}
.social-container-mobile {
background-color: #858486;
background-color: #8c5536;
font-size: 1.4rem;
font-weight: 600;
color: white;
@@ -719,7 +700,7 @@ let navigationItems = [
}
.social-icon-group-mobile {
background-color: #8c406e;
background-color: #272526;
}
.mini-profile-picture {
@@ -764,6 +745,7 @@ let navigationItems = [
.profile-banner {
margin-top: 25px;
min-height: 200px
}
.v-navigation-drawer {