diff --git a/theme/keywind/login/components/button/secondary-small.ftl b/theme/keywind/login/components/button/secondary-small.ftl new file mode 100644 index 0000000..46c260c --- /dev/null +++ b/theme/keywind/login/components/button/secondary-small.ftl @@ -0,0 +1,10 @@ +<#macro kw component="button" rest...> + <${component} + class="bg-secondary-100 flex justify-center px-2 py-1 relative rounded text-xs text-secondary-600 w-full focus:outline-none focus:ring-2 focus:ring-secondary-600 focus:ring-offset-2 hover:bg-secondary-200 hover:text-secondary-900" + <#list rest as attrName, attrValue> + ${attrName}="${attrValue}" + + > + <#nested> + + diff --git a/theme/keywind/login/login-recovery-authn-code-config.ftl b/theme/keywind/login/login-recovery-authn-code-config.ftl index b82c4e2..5ce527d 100644 --- a/theme/keywind/login/login-recovery-authn-code-config.ftl +++ b/theme/keywind/login/login-recovery-authn-code-config.ftl @@ -1,6 +1,7 @@ <#import "template.ftl" as layout> <#import "components/button/primary.ftl" as buttonPrimary> <#import "components/button/secondary.ftl" as buttonSecondary> +<#import "components/button/secondary-small.ftl" as buttonSecondarySmall> <#import "components/checkbox/primary.ftl" as checkboxPrimary> <@layout.registrationLayout; section> @@ -23,15 +24,14 @@
- - - + <@buttonSecondarySmall.kw type="button" id="printRecoveryCodes"> + ${kcSanitize(msg("recovery-codes-print"))} + <@buttonSecondarySmall.kw type="button" id="downloadRecoveryCodes"> + ${kcSanitize(msg("recovery-codes-download"))} + + <@buttonSecondarySmall.kw type="button" id="copyRecoveryCodes"> + ${kcSanitize(msg("recovery-codes-copy"))} +