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

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

@@ -7,7 +7,7 @@
<div class="py-4 px-4 min-h-14 md:rounded-t-2xl"
: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
v-for="socialNetwork in GetSocialsUrls()"
:href="socialNetwork.url"
@@ -16,17 +16,17 @@
<v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
<img v-if="socialNetwork.icon.includes('tiktok')"
:src="socialNetwork.icon"
class="w-9 h-9"
class="w-5 h-5"
alt="Tiktok">
<img v-if="socialNetwork.icon.includes('websiteIcon')"
:src="socialNetwork.icon"
class="w-9 h-9"
class="w-5 h-5"
alt="Website">
</a>
</div>
</div>
</div>
<div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<!--Banner-->
<div class="relative">
<div>
@@ -40,7 +40,7 @@
</div>
</div>
<div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<!--actions - Lowerpart-->
<banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
</div>

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

@@ -8,10 +8,10 @@
<div>
<div>
<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'"
alt="Profile Picture"
:style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px'}"
:style="{ borderColor: creator.colors.accent || '#A30E79', height: '225px'}"
/>
</div>
</div>