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
style={{
background: darkMode ? "#00000025" : "#fffffff2",
@ -269,7 +269,6 @@ 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>
)}
@ -277,6 +276,12 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
</Flex>
)}
</Flex>
{client.name && isMobile && (
<Flex justify="center" style={{ marginTop: "18px" }}>
{clientInfo}
</Flex>
)}
</Flex>
</Card>
{!isMobile && (
@ -323,7 +328,7 @@ function FooterCard({ children, darkMode = false }: { children?: ReactNode; dark
background: isMobile ? "unset" : darkMode ? "#00000025" : "#fffffff2",
borderRadius: "20px",
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%)"
}}
variant="borderless"