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

Hide everything that is not necessary for the first release.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-12-09 23:56:57 -05:00
parent c69c6770e9
commit 6960ab5576
13 changed files with 533 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/main/Footer.vue
View File

@@ -10,7 +10,7 @@ const brandingStore = useBrandingStore()
<footer class="py-8 flex flex-col gap-8" :style="{color: brandingStore.colors.onBackground}">
<div class="centered-text" :style="{color: brandingStore.colors.onBackground}" >Hutopy</div>
<div class="centered-text text-2xl font-bold flex justify-center items-center ml-28 lg:tracking-[125px] md:tracking-[50px] sm:tracking-[20px]">Hutopy</div>
<div class="flex flex-row justify-center gap-10">
@@ -27,7 +27,7 @@ const brandingStore = useBrandingStore()
</a>
</div>
<div class="flex flex-row flex-wrap justify-center gap-4" >
<div class="flex flex-row flex-wrap justify-center gap-4 px-4 " >
<router-link to="/documents/helpandcontact" :style="{color: brandingStore.colors.onBackground}">
Aide & Contact
</router-link>
@@ -51,7 +51,7 @@ const brandingStore = useBrandingStore()
</router-link>
</div>
<div class="flex justify-center base-text" :style="{color: brandingStore.colors.onBackground}">
<div class="flex justify-center base-text mb-13" :style="{color: brandingStore.colors.onBackground}">
Hutopy &copy;{{ new Date().getFullYear() }} - {{ $t('footer.allRightsReserved') }}
</div>
@@ -81,12 +81,26 @@ a:hover {
.centered-text {
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 125px;
font-size: 2rem;
font-weight: bold;
align-items: center;
letter-spacing: 125px;
font-size: 2rem;
font-weight: bold;
margin-left: 7rem;
}
@media (max-width: 768px) {
.centered-text {
letter-spacing: 60px;
margin-left: 2rem;
}
}
@media (max-width: 640px) {
.centered-text {
letter-spacing: 40px;
margin-left: 1rem;
}
}
</style>

56
src/views/main/SideBar.vue
View File

@@ -62,26 +62,26 @@ initializeLocale();
</div>
<div class="flex-grow mt-4" :class="sideBarStore.isOpen ? 'px-4' : 'px-2'">
<template v-if="authStore.isAuthenticated">
<div class="font-bold" :class="{ 'text-center': !sideBarStore.isOpen }">
<span v-if="sideBarStore.isOpen">{{ $t('sidebar.subscriptionTitle') }}</span>
<span v-else>A</span>
</div>
<div
class="border-b border-gray-300 my-4 mx-auto"
:class="sideBarStore.isOpen ? 'w-48' : 'w-16'"
></div>
<subscription-list v-if="sideBarStore.isOpen"></subscription-list>
</template>
</div>
<!-- <div class="flex-grow mt-4" :class="sideBarStore.isOpen ? 'px-4' : 'px-2'">-->
<!-- <template v-if="authStore.isAuthenticated"> -->
<!-- <div class="font-bold" :class="{ 'text-center': !sideBarStore.isOpen }">-->
<!-- <span v-if="sideBarStore.isOpen">{{ $t('sidebar.subscriptionTitle') }}</span>-->
<!-- <span v-else>A</span>-->
<!-- </div>-->
<!-- <div-->
<!-- class="border-b border-gray-300 my-4 mx-auto"-->
<!-- :class="sideBarStore.isOpen ? 'w-48' : 'w-16'"-->
<!-- ></div>-->
<!-- <subscription-list v-if="sideBarStore.isOpen"></subscription-list>-->
<!-- </template>-->
<!-- </div>-->
<div
class="border-b border-gray-300 my-4 mx-auto"
:class="sideBarStore.isOpen ? 'w-48' : 'w-16'"
></div>
<div class="flex-grow"></div>
<!-- SECTION UTILISATEUR -->
<div :class="sideBarStore.isOpen ? 'px-4' : 'px-2'">
@@ -100,11 +100,11 @@ initializeLocale();
</div>
<div class="flex flex-col gap-4 mb-4">
<router-link v-if="creatorProfileStore.hasCreator" :to="`/content/editor`">
<v-btn class="w-full justify-start" prepend-icon="mdi-pencil" variant="flat" :class="!sideBarStore.isOpen ? 'my-2' : ''">
<span v-if="sideBarStore.isOpen">Éditeur</span>
</v-btn>
</router-link>
<!-- <router-link v-if="creatorProfileStore.hasCreator" :to="`/content/editor`">-->
<!-- <v-btn class="w-full justify-start" prepend-icon="mdi-pencil" variant="flat" :class="!sideBarStore.isOpen ? 'my-2' : ''">-->
<!-- <span v-if="sideBarStore.isOpen">Éditeur</span>-->
<!-- </v-btn>-->
<!-- </router-link>-->
<router-link v-if="creatorProfileStore.hasCreator" :to="`/@${creatorProfileStore.creator.name}`">
<v-btn class="w-full justify-start" prepend-icon="mdi-home-account" variant="flat" :class="!sideBarStore.isOpen ? 'my-2' : ''">
@@ -124,18 +124,22 @@ initializeLocale();
</div>
<v-btn variant="flat" class="w-full justify-start" prepend-icon="mdi-translate-variant" @click="toggleLanguage" :class="!sideBarStore.isOpen ? 'my-2' : ''">
<span v-if="sideBarStore.isOpen">{{ selectedLanguage.value === 'fr' ? 'Fr' : 'En' }}</span>
<span v-if="sideBarStore.isOpen">{{ $t('language.language') }}</span>
</v-btn>
<div>
<v-btn @click="toggleMenu" variant="flat" class="w-full justify-start" :prepend-icon="sideBarStore.isOpen ? 'mdi-arrow-collapse-left' : 'mdi-arrow-collapse-right'" :class="!sideBarStore.isOpen ? 'my-2' : ''">
<span v-if="sideBarStore.isOpen">{{ sideBarStore.isOpen ? 'Réduire' : '' }}</span>
</v-btn>
</div>
<v-btn
@click="toggleMenu"
variant="flat"
class="w-full justify-start"
:prepend-icon="sideBarStore.isOpen ? 'mdi-arrow-collapse-left' : 'mdi-arrow-collapse-right'"
:class="!sideBarStore.isOpen ? 'my-2' : ''"
>
<span v-if="sideBarStore.isOpen">{{ $t('sidebar.Reduce') }}</span>
</v-btn>
<div v-if="!authStore.isAuthenticated">
<v-btn to="/login" variant="flat" class="justify-start" prepend-icon="mdi-login" :class="!sideBarStore.isOpen ? 'my-2' : ''">
<span v-if="sideBarStore.isOpen">Connexion</span>
<span v-if="sideBarStore.isOpen">{{ $t('sidebar.connection') }}</span>
</v-btn>
</div>
<div v-else>