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