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