Refactored mobile footer in Template component to include copyright notice, language selection dropdown, and client information for enhanced user experience and responsiveness.
Some checks failed
tombutcher.work/tombutcher-auth/pipeline/head There was a failure building this commit
ci / test (push) Has been cancelled
ci / Check if version upgrade (push) Has been cancelled
ci / create_github_release (push) Has been cancelled

This commit is contained in:
Tom Butcher 2025-08-14 02:02:32 +01:00
parent 79d1251357
commit 2f192baba6

View File

@ -285,10 +285,30 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
</Flex>
)}
</Flex>
{client.name && isMobile && (
<Flex justify="center" style={{ marginTop: "18px" }}>
{clientInfo}
{isMobile && (
<Flex gap={"middle"} justify="center" align="center">
<div>
<Text>© 2025</Text>
</div>
{enabledLanguages.length > 1 && (
<>
<Text>|</Text>
<Dropdown menu={languageItems} trigger={["hover"]}>
<Text>
<Space>
{currentLanguage.label}
<GlobalOutlined />
</Space>
</Text>
</Dropdown>
</>
)}
{client.name && (
<>
<Text>|</Text>
<Flex justify="center">{clientInfo}</Flex>
</>
)}
</Flex>
)}
</Flex>