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

UpdateUI - CreatorFolio (J'ai rendu la page dynamique, il reste a faire beaucoup d'ajustements)

Browse Source
This commit is contained in:
PascalMarchesseault
2024-03-31 01:58:48 -04:00
parent e339b5ff67
commit eeb7393420
9 changed files with 1956 additions and 1052 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/layouts/DefaultLayout.vue
View File

@@ -2,32 +2,20 @@
<body style="background-color: #f4f4f4;">
<!-- Version pour ordinateur -->
<v-card style="z-index: 9000; background-color: #f4f4f4;" class="hidden-sm-and-down" hidden-sm-and-down>
<!-- Version pour ordinateur -->
<v-container style="z-index: 2000; margin-bottom: 1.4%">
<v-container style="z-index: 2000; margin-bottom: .5%; margin-top: -.6%; margin-right: 1%;">
<v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
<v-card-text justify="end" style="max-width: 22%; min-width: 500px; margin-top: .2%;">
<v-text-field append-inner-icon="mdi-magnify" density="compact"
label="Recherche et comptes (Non fonctionnel pour le moment)" variant="solo" hide-details
single-line></v-text-field>
</v-card-text>
<v-col cols="auto" class="d-flex align-center">
<v-col cols="auto" class="d-flex align-end justify-end">
<router-link :to="{ name: 'yourprofile' }">
<v-row class="d-flex align-center">
<img src="/images/anonyme.png" class="img-small mr-2 logob rounded-full img-small profilePicture"
alt="Logo">
<img src="/images/anonyme.png" class="header-profile-icon mr-2" alt="Logo">
<h1 class="mb-0 text-h5">ANONYME</h1>
</v-row>
</router-link>
</v-col>
</v-row>
</v-container>
</v-card>
<!-- Version pour mobile -->
@@ -116,11 +104,18 @@ export default {
};
</script>
<style>
<style scoped>
.mini-profile-picture {
border-radius: 100px;
}
.header-profile-icon {
height: 60px;
width: 60px;
border-radius: 50px;
border: 2px solid #a30e79;
}
.mobile-profile-picture {
height: 40px;
border-radius: px;