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

Small UI Changes

Browse Source
This commit is contained in:
Tom Butcher 2025-08-14 01:30:51 +01:00
parent 9dccf4f107
commit 72a51361da
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/login/Template.tsx
View File

@ -181,7 +181,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
)} )}
</> </>
)} )}
<Flex vertical gap={"middle"}> <Flex vertical gap={"22px"}>
<Card <Card
style={{ style={{
background: darkMode ? "#00000025" : "#fffffff2", background: darkMode ? "#00000025" : "#fffffff2",
@ -269,7 +269,6 @@ 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>
)} )}
@ -277,6 +276,12 @@ 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 && (
@ -323,7 +328,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" : "10px 18px", padding: isMobile ? "4px 0px" : "8px 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"