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

Renames ProfileColors to Colors

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-08-06 02:55:31 -04:00
parent b347fac69a
commit 7172090855
6 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
View File

@@ -14,10 +14,10 @@ const props = defineProps({
const emits = defineEmits(['closeRequested']);
const bannerTopColor = ref(props.creator.profileColors.bannerTop);
const bannerBottomColor = ref(props.creator.profileColors.bannerBottom);
const accentColor = ref(props.creator.profileColors.accent);
const menuColor = ref(props.creator.profileColors.menu);
const bannerTopColor = ref(props.creator.colors.bannerTop);
const bannerBottomColor = ref(props.creator.colors.bannerBottom);
const accentColor = ref(props.creator.colors.accent);
const menuColor = ref(props.creator.colors.menu);
const selectedColorName = ref(props.colorName);
const selectedColor = computed({
@@ -69,10 +69,10 @@ const save = async () => {
"menu": menuColor.value || null
});
props.creator.profileColors.bannerTop = bannerTopColor.value;
props.creator.profileColors.bannerBottom = bannerBottomColor.value;
props.creator.profileColors.accent = accentColor.value;
props.creator.profileColors.menu = menuColor.value;
props.creator.colors.bannerTop = bannerTopColor.value;
props.creator.colors.bannerBottom = bannerBottomColor.value;
props.creator.colors.accent = accentColor.value;
props.creator.colors.menu = menuColor.value;
emits('closeRequested');
} catch (error) {

6
src/views/Profile/PageInformations.vue
View File

@@ -59,7 +59,7 @@ const closeDialog = () => {
<button
@click="openDialog('ColorsPicker', 'bannerTop')"
class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
:style="{ backgroundColor: userStore.creator.profileColors.bannerTop }"
:style="{ backgroundColor: userStore.creator.colors.bannerTop }"
>
<v-icon>mdi-eyedropper-variant</v-icon>
</button>
@@ -76,7 +76,7 @@ const closeDialog = () => {
<button
@click="openDialog('ColorsPicker', 'bannerBottom')"
class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
:style="{ backgroundColor: userStore.creator.profileColors.bannerBottom }"
:style="{ backgroundColor: userStore.creator.colors.bannerBottom }"
>
<v-icon>mdi-eyedropper-variant</v-icon>
</button>
@@ -85,7 +85,7 @@ const closeDialog = () => {
<img
@click="openDialog('LogoPicker')"
class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
:style="{ borderColor: userStore.creator.profileColors.accent }"
:style="{ borderColor: userStore.creator.colors.accent }"
:src="userStore.creator.images.logo"
alt="Profile Image"
>