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

Branch Fixe - CreatorFolio

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-03 21:07:30 -04:00
parent b7b145233c
commit 417d7c8a57
1 changed files with 50 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/main/CreatorFolio.vue
View File

@@ -232,11 +232,11 @@
<v-row> <v-row>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;"> <v-col cols="10" style="margin-top: 1%; margin-bottom: -2%;">
<v-row> <v-col cols="11" style="margin-top: 1%; margin-bottom: -2%;">
<v-row justify-center align="center">
<a href="https://www.facebook.com/profile.php?id=61556819217561"> <a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="socialicons invert-color" src="../../../images/facebookicon.png" <img class="socialicons invert-color" src="../../../images/facebookicon.png" alt="Description image 2">
alt="Description image 2">
</a> </a>
<a href="https://www.facebook.com/profile.php?id=61556819217561"> <a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="socialicons" src="../../../images/instaicon.png" alt="Description image 2"> <img class="socialicons" src="../../../images/instaicon.png" alt="Description image 2">
@@ -248,6 +248,8 @@
<img class="socialicons invert-color" src="../../../images/tiktok.png" alt="Description image 2"> <img class="socialicons invert-color" src="../../../images/tiktok.png" alt="Description image 2">
</a> </a>
</v-row> </v-row>
</v-col>
</v-col> </v-col>
<v-col background-color="primary"></v-col> <v-col background-color="primary"></v-col>
</v-row> </v-row>
@@ -703,9 +705,11 @@ export default {
.social-container2 { .social-container2 {
background-color: #0baab2; background-color: #0baab2;
border-bottom-right-radius: 30px; border-bottom-right-radius: 30px;
border-bottom-left-radius:30px;
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 500; font-weight: 500;
color: white; color: white;
} }
.social-container-mobile { .social-container-mobile {
@@ -924,8 +928,8 @@ export default {
} }
.Je-soutien-container { .Je-soutien-container {
min-width: 325px; min-width: 300px;
margin-left: -45px; margin-left: -40px;
} }
@@ -933,7 +937,16 @@ export default {
transform: scale(.9) translateY(63px) translateX(-40px); transform: scale(.9) translateY(63px) translateX(-40px);
} }
.name-info {
font-size: 1.3rem;
margin-left: 40px;
margin-top: -4px;
}
.social-container {
min-width: 300px;
}
} }
@@ -964,6 +977,17 @@ export default {
min-width: 350px; min-width: 350px;
} }
.name-info {
font-size: 1.3rem;
margin-left: 50px;
margin-top: -4px;
}
.social-container {
min-width: 300px;
}
} }
@@ -993,6 +1017,14 @@ export default {
.Je-soutien-container { .Je-soutien-container {
min-width: 400px; min-width: 400px;
} }
.name-info {
font-size: 1.4rem;
margin-left: 40px;
margin-top: -4px;
}
} }
@media (min-width: 1920px) and (max-width: 2559px) { @media (min-width: 1920px) and (max-width: 2559px) {