Fixed sizing
Some checks failed
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 01:03:08 +01:00
parent b0ace8b6a0
commit b48bdd8f55

View File

@ -170,17 +170,18 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
<img <img
src="https://cdn.tombutcher.work/logos/logo-auth-horizontal.png" src="https://cdn.tombutcher.work/logos/logo-auth-horizontal.png"
alt="Logo" alt="Logo"
style={{ height: "60px", padding: "0 30px", zIndex: 1, marginBottom: 10 }} style={{ height: "60px", padding: "0 30px", zIndex: 1, marginBottom: 10, marginTop: 10 }}
/> />
) : ( ) : (
<img <img
src="https://cdn.tombutcher.work/logos/logo-horizontal.svg" src="https://cdn.tombutcher.work/logos/logo-horizontal.svg"
alt="Logo" alt="Logo"
style={{ height: "60px", padding: "0 30px", zIndex: 1, marginBottom: 10 }} style={{ height: "60px", padding: "0 30px", zIndex: 1, marginBottom: 10, marginTop: 10 }}
/> />
)} )}
</> </>
)} )}
<Flex vertical gap={"middle"}>
<Card <Card
style={{ style={{
background: darkMode ? "#00000025" : "#fffffff2", background: darkMode ? "#00000025" : "#fffffff2",
@ -279,7 +280,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
</Flex> </Flex>
</Card> </Card>
{!isMobile && ( {!isMobile && (
<Flex gap={"middle"}> <Flex gap={"middle"} style={{ width: "100%" }} justify="center">
{client.name && <FooterCard darkMode={darkMode}>{clientInfo}</FooterCard>} {client.name && <FooterCard darkMode={darkMode}>{clientInfo}</FooterCard>}
{auth !== undefined && auth.showTryAnotherWayLink && ( {auth !== undefined && auth.showTryAnotherWayLink && (
<FooterCard darkMode={darkMode}>{showTryAnotherWayLink}</FooterCard> <FooterCard darkMode={darkMode}>{showTryAnotherWayLink}</FooterCard>
@ -287,6 +288,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
{displayInfo && <FooterCard darkMode={darkMode}>{infoNode}</FooterCard>} {displayInfo && <FooterCard darkMode={darkMode}>{infoNode}</FooterCard>}
</Flex> </Flex>
)} )}
</Flex>
{!isMobile && ( {!isMobile && (
<Flex style={{ zIndex: 1 }} gap={"large"}> <Flex style={{ zIndex: 1 }} gap={"large"}>