mirrors/keywind
1
0
Fork 1
mirror of https://github.com/lukin/keywind.git synced 2025-01-10 09:56:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

create secondary-small button component

Browse source
This commit is contained in:
Constantin Wildförster 2022-11-16 12:29:40 +01:00
parent 8ce6c30fde
commit 1063773ddf
No known key found for this signature in database
GPG key ID: 5DDDBFF28CC85AFB
2 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
theme/keywind/login/components/button/secondary-small.ftl Normal file
View file

@ -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}"
</#list>
>
<#nested>
</${component}>
</#macro>

18
theme/keywind/login/login-recovery-authn-code-config.ftl
View file

@ -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 @@
<!-- actions -->
<div class="flex items-stretch space-x-4 mb-4">
<button id="printRecoveryCodes" type="button" 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">
${kcSanitize(msg("recovery-codes-print"))}
</button>
<button id="downloadRecoveryCodes" type="button" 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">
${kcSanitize(msg("recovery-codes-download"))}
</button>
<button id="copyRecoveryCodes" type="button" 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">
${kcSanitize(msg("recovery-codes-copy"))}
</button>
<@buttonSecondarySmall.kw type="button" id="printRecoveryCodes">
${kcSanitize(msg("recovery-codes-print"))}
<@buttonSecondarySmall.kw type="button" id="downloadRecoveryCodes">
${kcSanitize(msg("recovery-codes-download"))}
</@buttonSecondarySmall.kw>
<@buttonSecondarySmall.kw type="button" id="copyRecoveryCodes">
${kcSanitize(msg("recovery-codes-copy"))}
</@buttonSecondarySmall.kw>
</div>
<form action="${url.loginAction}" class="m-0 space-y-4m" method="post">