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

New CreatorMainpage more built with components

Browse Source
This commit is contained in:
PascalMarchesseault
2024-06-20 22:00:10 -04:00
parent 24ecff0d59
commit bb14c6071e
5 changed files with 167 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/layouts/DefaultLayout.vue
View File

@@ -3,16 +3,22 @@
<body style="background-color: #f4f4f4;">
<!-- PC Version -->
<v-card style="z-index: 1000; background-color: #ffff;" class="hidden-sm-and-down" elevation="5">
<v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;">
<v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
<v-container fluid>
<v-row>
<v-menu>
<template v-slot:activator="{ props }">
<v-row>
<!-- Colonne de droite -->
<v-col class="text-right d-flex align-center justify-end">
<v-row align="center"> <!-- Utilisation de align="center" pour aligner verticalement le contenu -->
<v-col class="ml-4">
<router-link to="/">
<v-img src="/images/hutopymedia/icons/logohutopy.png" alt="Description de l'image"
style="height: 70px; width: 70px;" class="mr-2" :elevation="10"></v-img>
</router-link>
</v-col>
<v-col cols="auto" class="ml-auto"> <!-- Utilisation de ml-auto pour aligner à droite -->
<div class="d-flex align-center">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
class="header-profile-icon mr-2" alt="Logo">
class="header-profile-icon mr-2" alt="Logo">
<v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props" ref="walletActivator">
{{ currentUserName }}
</v-btn>
@@ -207,18 +213,15 @@ function openWalletDialog() {
padding-right: 24px;
z-index: 1001;
}
.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: 50px;
@@ -226,37 +229,11 @@ function openWalletDialog() {
border: 2px solid #a30e79;
margin-right: 10px;
}
.header-banner {
border-top: 5px solid rgba(107, 0, 101, 1);
margin-top: 15%;
}
.social-container {
background-color: #006d77;
margin-top: -20%;
font-size: 1.4rem;
font-weight: 800;
color: white;
}
.social-container2 {
background-color: #0baab2;
font-size: 1.4rem;
font-weight: 800;
color: white;
}
.mobile-header {
height: 50px;
width: auto;
border-radius: 10px;
}
.mobile-navigation-container {
background-color: #a30e79;
}
.h1-navigation {
padding-left: 20%;
font-size: 1.4rem;