Fixed sizing
This commit is contained in:
parent
b0ace8b6a0
commit
b48bdd8f55
@ -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"}>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user