tombutcher.work/2025-tombutcher-auth
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: tombutcher.work:9d5da85e8f413a006e41e40023ab98450e42984c
Branches Tags
tombutcher.work:main
..
compare: tombutcher.work:9dccf4f1070087e94d503270958640703b9f78fc
Branches Tags
tombutcher.work:main

No commits in common. "9d5da85e8f413a006e41e40023ab98450e42984c" and "9dccf4f1070087e94d503270958640703b9f78fc" have entirely different histories.
9d5da85e8f ... 9dccf4f107

1 changed files with 4 additions and 9 deletions
Show Stats Expand all files Collapse all files

13
src/login/Template.tsx
View File

@ -181,7 +181,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
)} )}
</> </>
)} )}
<Flex vertical gap={"22px"}> <Flex vertical gap={"middle"}>
<Card <Card
style={{ style={{
background: darkMode ? "#00000025" : "#fffffff2", background: darkMode ? "#00000025" : "#fffffff2",
@ -206,7 +206,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
<img <img
src="https://cdn.tombutcher.work/logos/logo-auth.png" src="https://cdn.tombutcher.work/logos/logo-auth.png"
alt="Logo" alt="Logo"
style={{ width: "60%", marginBottom: "4px", marginTop: "4px" }} style={{ width: "60%", margin: "0", marginBottom: "4px" }}
/>{" "} />{" "}
<Divider style={{ margin: "4px 0" }} /> <Divider style={{ margin: "4px 0" }} />
</Flex> </Flex>
@ -269,6 +269,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
{children} {children}
{isMobile && ( {isMobile && (
<Flex gap={"large"} justify="center"> <Flex gap={"large"} justify="center">
{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>
)} )}
@ -276,12 +277,6 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
</Flex> </Flex>
)} )}
</Flex> </Flex>
{client.name && isMobile && (
<Flex justify="center" style={{ marginTop: "18px" }}>
{clientInfo}
</Flex>
)}
</Flex> </Flex>
</Card> </Card>
{!isMobile && ( {!isMobile && (
@ -328,7 +323,7 @@ function FooterCard({ children, darkMode = false }: { children?: ReactNode; dark
background: isMobile ? "unset" : darkMode ? "#00000025" : "#fffffff2", background: isMobile ? "unset" : darkMode ? "#00000025" : "#fffffff2",
borderRadius: "20px", borderRadius: "20px",
zIndex: 1, zIndex: 1,
padding: isMobile ? "4px 0px" : "8px 18px", padding: isMobile ? "4px 0px" : "10px 18px",
boxShadow: isMobile ? "unset" : darkMode ? "0px 5px 20px 5px rgb(255 255 255 / 5%)" : "0px 5px 15px 5px rgb(0 0 0 / 10%)" boxShadow: isMobile ? "unset" : darkMode ? "0px 5px 20px 5px rgb(255 255 255 / 5%)" : "0px 5px 15px 5px rgb(0 0 0 / 10%)"
}} }}
variant="borderless" variant="borderless"