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

Fixes - Creator information page

Browse Source
This commit is contained in:
PascalMarchesseault
2024-10-06 23:08:24 -04:00
parent 3fa60693ef
commit 3a868caf78
2 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/profile/creators/CreatorPage.vue
View File

@@ -90,7 +90,7 @@ const closeDialog = () => {
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
<button <button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"> class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
<span class="flex-none pa-2 min-w-32 text-left">{{ $t('creatorinfopage.name') }}</span> <span class="flex-none pa-2 min-w-32 text-left">{{ $t('creatorinfopage.name') }}</span>
<span class="flex-auto text-left pr-6 capitalize">{{ creatorProfileStore.creator.name }}</span> <span class="flex-auto text-left pr-6 capitalize">{{ creatorProfileStore.creator.name }}</span>
<span class="flex-none"> <span class="flex-none">
@@ -105,14 +105,16 @@ const closeDialog = () => {
<div class="flex flex-col w-full gap-4"> <div class="flex flex-col w-full gap-4">
<v-btn
variant="elevated"
@click="openDialog('ColorsPicker')"
class="flex h-10 px-5 hover:brightness-150"
>
Choissisez votre palette de couleurs
</v-btn>
<button
@click="openDialog('ColorsPicker')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-auto text-left pr-6 capitalize"> Choisissez votre palette de couleurs. </span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button> <button>
<img <img
@@ -164,7 +166,7 @@ const closeDialog = () => {
<button <button
@click="openDialog('Socials')" @click="openDialog('Socials')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"> class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-none pa-2 w-6 h-6 text-left"> <span class="flex-none pa-2 w-9 h-9 text-left ml-0.5">
<XIcon></XIcon> <XIcon></XIcon>
</span> </span>
<span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.xUrl }}</span> <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.xUrl }}</span>

10
src/views/profile/creators/Socials.vue
View File

@@ -59,9 +59,10 @@ const cancel = () => {
<style scoped> <style scoped>
.icon { .icon {
width: 40px;
height: 40px; width: 28px;
fill: #1976d2; height: 30px;
fill: #000000;
} }
</style> </style>
@@ -132,10 +133,9 @@ const cancel = () => {
<div class="flex flex-row align-center"> <div class="flex flex-row align-center">
<div class="w-6 h-6 mb-5 mr-2"> <div class="w-6 h-6 mb-5 mr-2">
<XIcon class="icon"></XIcon> <XIcon class="icon"></XIcon>
</div> </div>
<v-text-field <v-text-field
variant="outlined" variant="outlined"
v-model="xUrl" v-model="xUrl"