Modification suite aux commentaires a marco Mise en page

This commit is contained in:
PascalMarchesseault
2024-05-08 22:34:10 -04:00
parent 5ca243d2a9
commit f71504cebe
8 changed files with 88 additions and 70 deletions

View File

@@ -278,22 +278,21 @@ Je suis authentique, créative, stratégique, caféinée et à lécoute. Et s
<v-container>
<v-card class="flow-menu m-0 youtube-card">
<div
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
<v-container style="margin-top: -15px;">
<v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand01.png"
title="Guillaumem"></v-img>
title="Savoir faire"></v-img>
<!-- Date -->
<v-row class="text-right">
<v-col>
<h1 style=" margin-right: 40px; margin-top: 10px">
<h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
23-04-2024
</h1>
</v-col>
</v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">Quand on observe des gens
<p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">Quand on observe des gens
réaliser un
Rubiks Cube ça a lair si facile pour eux quon est vraiment impressionnés et peut-être même
découragés<br><br>
@@ -316,8 +315,8 @@ Je suis authentique, créative, stratégique, caféinée et à lécoute. Et s
</div>
<!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field>
<v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px" class="Comments-font"
placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container>
</div>
</v-card>
@@ -328,8 +327,7 @@ Je suis authentique, créative, stratégique, caféinée et à lécoute. Et s
<v-container>
<v-card class="flow-menu m-0 youtube-card">
<div
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
<v-container style="margin-top: -15px;">
<v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand02.png"
title="Guillaumem"></v-img>
@@ -337,13 +335,13 @@ Je suis authentique, créative, stratégique, caféinée et à lécoute. Et s
<!-- Date -->
<v-row class="text-right">
<v-col>
<h1 style=" margin-right: 40px; margin-top: 10px">
<h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
23-04-2024
</h1>
</v-col>
</v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">
<p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
Que ce soit pour un portrait créatif, la gestion totales de tes médias sociaux pour devenir
autonome à
les gérer par toi-même Je suis pour ça!
@@ -363,8 +361,8 @@ Je suis authentique, créative, stratégique, caféinée et à lécoute. Et s
</div>
<!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field>
<v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container>
</div>
</v-card>
@@ -449,6 +447,13 @@ let navigationItems = [
filter: invert(1);
}
.Comments-font {
font-size: .1rem;
}
.Hutopy-menu-sticky-mobile {
position: sticky;
top: 0;
@@ -569,7 +574,9 @@ let navigationItems = [
.card-date {
margin-left: 10px;
margin-top: -18px
margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
}
.social-container {