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

Start rework UI creatorpage

Browse Source
This commit is contained in:
PascalMarchesseault
2024-09-09 01:11:06 -04:00
parent 2fc2cbcae8
commit 2d9c71be5e
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/creators/CreatorBanner.vue
View File

@@ -7,26 +7,26 @@
<div class="py-4 px-4 min-h-14 md:rounded-t-2xl" <div class="py-4 px-4 min-h-14 md:rounded-t-2xl"
:style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }"> :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
<div class="w-full flex justify-end gap-6 max-h-8"> <div class="w-full flex justify-center gap-32 max-h-8">
<a <a
v-for="socialNetwork in GetSocialsUrls()" v-for="socialNetwork in GetSocialsUrls()"
:href="socialNetwork.url" :href="socialNetwork.url"
target="_blank" target="_blank"
class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500"> class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
<v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon> <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
<img v-if="socialNetwork.icon.includes('tiktok')" <img v-if="socialNetwork.icon.includes('tiktok')"
:src="socialNetwork.icon" :src="socialNetwork.icon"
class="w-9 h-9" class="w-5 h-5"
alt="Tiktok"> alt="Tiktok">
<img v-if="socialNetwork.icon.includes('websiteIcon')" <img v-if="socialNetwork.icon.includes('websiteIcon')"
:src="socialNetwork.icon" :src="socialNetwork.icon"
class="w-9 h-9" class="w-5 h-5"
alt="Website"> alt="Website">
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<!--Banner--> <!--Banner-->
<div class="relative"> <div class="relative">
<div> <div>
@@ -40,7 +40,7 @@
</div> </div>
</div> </div>
<div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<!--actions - Lowerpart--> <!--actions - Lowerpart-->
<banner-actions :creator="creator" @content-posted="addContent"></banner-actions> <banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
</div> </div>

4
src/views/creators/banner/bannerlower/BannerActionsXl.vue
View File

@@ -8,10 +8,10 @@
<div> <div>
<div> <div>
<img <img
class="rounded-full border-solid border-2 absolute z-20 max-w-[175px] ml-15 -mt-20" class="shadow-2xl rounded-full border-solid border-4 absolute z-20 max-w-[225px] ml-15 -mt-40"
:src="creator.images.logo ? creator.images.logo : '/images/placeholders/logo.png'" :src="creator.images.logo ? creator.images.logo : '/images/placeholders/logo.png'"
alt="Profile Picture" alt="Profile Picture"
:style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px'}" :style="{ borderColor: creator.colors.accent || '#A30E79', height: '225px'}"
/> />
</div> </div>
</div> </div>