minor: site footer, auth connextion, input w-full

This commit is contained in:
2026-02-11 09:26:21 -05:00
parent b45d3a02f0
commit 2304d855b7
6 changed files with 28 additions and 9 deletions

View File

@@ -4,7 +4,7 @@
"fields": [ "fields": [
{ {
"key": "field_697220310aaaf", "key": "field_697220310aaaf",
"label": "Email", "label": "Courriel",
"name": "email", "name": "email",
"aria-label": "", "aria-label": "",
"type": "email", "type": "email",
@@ -28,7 +28,7 @@
}, },
{ {
"key": "field_697cbf414fdd5", "key": "field_697cbf414fdd5",
"label": "Phone number", "label": "Numéro de téléphone",
"name": "phone_number", "name": "phone_number",
"aria-label": "", "aria-label": "",
"type": "phone", "type": "phone",
@@ -150,5 +150,5 @@
"graphql_types": "", "graphql_types": "",
"acfe_meta": "", "acfe_meta": "",
"acfe_note": "", "acfe_note": "",
"modified": 1769788698 "modified": 1770002699
} }

View File

@@ -9,5 +9,15 @@ export default defineAppConfig({
base: "cursor-pointer", base: "cursor-pointer",
}, },
}, },
input: {
slots: {
root: "w-full",
},
},
textarea: {
slots: {
root: "w-full",
},
},
}, },
}); });

View File

@@ -6,7 +6,14 @@ const { connexionButton } = useAuthConnexion();
<div class="bg-inverted py-1.5 text-inverted"> <div class="bg-inverted py-1.5 text-inverted">
<div class="container flex flex-col items-center gap-3 sm:flex-row"> <div class="container flex flex-col items-center gap-3 sm:flex-row">
<SiteFooterCopyright class="sm:mr-auto" /> <SiteFooterCopyright class="sm:mr-auto" />
<UButton v-bind="connexionButton" color="neutral" variant="link" /> <AuthState>
<AcfLinkButton
:link="connexionButton.link"
:icon="connexionButton.icon"
color="neutral"
variant="link"
/>
</AuthState>
<SiteFooterCredits /> <SiteFooterCredits />
</div> </div>
</div> </div>

View File

@@ -70,11 +70,13 @@ export function useAuthConnexion() {
} }
} }
// Dynamic connexion link // Dynamic connexion link / icon
const connexionButton = computed(() => ({ const connexionButton = computed(() => ({
label: isLoggedIn.value ? "Déconnexion" : "Connexion", link: parseAcfLink({
title: isLoggedIn.value ? "Déconnexion" : "Connexion",
url: "/connexion",
}),
icon: isLoggedIn.value ? "i-lucide-log-out" : "i-lucide-log-in", icon: isLoggedIn.value ? "i-lucide-log-out" : "i-lucide-log-in",
to: "/connexion",
})); }));
return { isRedirecting, login, logout, connexionButton }; return { isRedirecting, login, logout, connexionButton };

View File

@@ -4,5 +4,5 @@ export const useGeneralSettings = () =>
{}, {},
{ {
transform: ({ generalSettings }) => generalSettings, transform: ({ generalSettings }) => generalSettings,
}, }
); );

View File

@@ -4,5 +4,5 @@ export const useSiteOptions = () =>
{}, {},
{ {
transform: ({ siteOptions }) => siteOptions?.groupSiteOptions, transform: ({ siteOptions }) => siteOptions?.groupSiteOptions,
}, }
); );