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

Ui Fixe

Browse Source
This commit is contained in:
PascalMarchesseault
2025-01-09 11:59:46 -05:00
parent 3ad0ef69f3
commit b63343faf7
1 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/creators/BannerActions.vue
View File

@@ -124,7 +124,7 @@ onBeforeUnmount(() => {
<div v-show="!isMobile" class="items-start">
<div>
<img
class="shadow-2xl rounded-full border-solid border-102 absolute z-20 max-w-[190px] ml-10 -mt-10"
class="shadow-2xl rounded-full border-solid border-102 absolute z-20 max-w-[190px] ml-10 -mt-5"
:src="
brandingStore.value.images.logo
? brandingStore.value.images.logo
@@ -141,15 +141,15 @@ onBeforeUnmount(() => {
class="ml-64 w-25 min-w-60 flex flex-row"
:style="{ color: brandingStore.colors.onPrimary }"
>
<div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center">
<div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center verifiedhook">
<icon-account-verified></icon-account-verified>
</div>
<div class="flex flex-col">
<span class="capitalize text-3xl">
<span class="capitalize text-3xl titlepos">
{{ brandingStore.value.name }}
</span>
<span class="capitalize text-lg">
<span class="capitalize text-lg titlepos">
{{ brandingStore.value.title }}
</span>
</div>
@@ -161,7 +161,7 @@ onBeforeUnmount(() => {
<div
:style="{
borderColor: brandingStore.colors.secondary,
height: '60px',
height: '80px',
}"
>
<div
@@ -180,6 +180,9 @@ onBeforeUnmount(() => {
:style="{ height: '135px' }"
/>
</div>
<div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center">
<icon-account-verified></icon-account-verified>
</div>
<div class="ml-3 text-white w-full flex flex-col items-start">
<p class="capitalize text-2xl">
{{ brandingStore.value.name }}
@@ -194,11 +197,11 @@ onBeforeUnmount(() => {
</div>
<!-- Actions - Follow et Register -->
<div class="flex flex-col items-center justify-center w-full">
<div class="flex flex-row space-x-1 justify-center mt-3 mb-2">
<!--<subscribe-button></subscribe-button>-->
</div>
</div>
<!-- <div class="flex flex-col items-center justify-center w-full">-->
<!-- <div class="flex flex-row space-x-1 justify-center mt-3 mb-2">-->
<!-- &lt;!&ndash;<subscribe-button></subscribe-button>&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- Bouton Support -->
@@ -268,4 +271,15 @@ onBeforeUnmount(() => {
.transition-all {
transition: all 0.3s ease-in-out;
}
.titlepos {
position: relative;
top: 30px;
}
.verifiedhook{
position: relative;
top: 16px;
}
</style>