Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[providers] Apple #50

Merged
merged 2 commits into from
Sep 10, 2023
Merged

[providers] Apple #50

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
eafdfc4
Added Apple icon
martmalo Jul 28, 2023
cb3d1b6
Update Apple Icon
lukin Sep 9, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Added Apple icon
  • Loading branch information
@martmalo
martmalo committed Jul 28, 2023
commit eafdfc4c5a7dc747603f9cc12d3a0c7b5c4d4fe7
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ Keywind is a component-based Keycloak Login Theme built with [Tailwind CSS](http

### Identity Provider Icons

- Apple
- Bitbucket
- Discord
- Facebook
Expand Down
1 change: 1 addition & 0 deletions tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ module.exports = {
secondary: colors.gray,

provider: {
apple: '#000000',
bitbucket: '#0052CC',
discord: '#5865F2',
facebook: '#1877F2',
Expand Down
9 changes: 9 additions & 0 deletions theme/keywind/login/assets/providers/apple.ftl
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<#-- https://apple.com -->
<#macro kw name="Apple">
<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>
${name}
</title>
<path d="M18.5868 8.0399C18.45 8.14603 16.035 9.50684 16.035 12.5327C16.035 16.0326 19.108 17.2708 19.2 17.3015C19.1859 17.3769 18.7118 18.9972 17.5798 20.6481C16.5703 22.1009 15.5161 23.5513 13.9124 23.5513C12.3087 23.5513 11.8959 22.6197 10.0446 22.6197C8.24036 22.6197 7.59887 23.582 6.13193 23.582C4.66498 23.582 3.64142 22.2377 2.46456 20.5868C1.10139 18.6481 0 15.6364 0 12.778C0 8.19319 2.98106 5.76165 5.91495 5.76165C7.47387 5.76165 8.77337 6.78521 9.75212 6.78521C10.6837 6.78521 12.1365 5.70033 13.91 5.70033C14.5822 5.70033 16.9972 5.76165 18.5868 8.0399ZM13.0681 3.75934C13.8015 2.88908 14.3204 1.68156 14.3204 0.474045C14.3204 0.306596 14.3063 0.136789 14.2756 0C13.0822 0.0448102 11.6625 0.794792 10.8063 1.78769C10.1342 2.55182 9.50684 3.75934 9.50684 4.98337C9.50684 5.16733 9.5375 5.35128 9.55165 5.41024C9.62712 5.4244 9.74976 5.4409 9.8724 5.4409C10.9431 5.4409 12.2898 4.72394 13.0681 3.75934Z" fill="#000000" />
</svg>
</#macro>
5 changes: 5 additions & 0 deletions theme/keywind/login/assets/providers/providers.ftl
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<#import "./apple.ftl" as appleIcon>
<#import "./bitbucket.ftl" as bitbucketIcon>
<#import "./discord.ftl" as discordIcon>
<#import "./facebook.ftl" as facebookIcon>
Expand All @@ -14,6 +15,10 @@
<#import "./stackoverflow.ftl" as stackoverflowIcon>
<#import "./twitter.ftl" as twitterIcon>

<#macro apple>
<@appleIcon.kw />
</#macro>

<#macro bitbucket>
<@bitbucketIcon.kw />
</#macro>
Expand Down
3 changes: 3 additions & 0 deletions theme/keywind/login/components/molecules/identity-provider.ftl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@
<div class="gap-4 grid grid-cols-3">
<#list providers as provider>
<#switch provider.alias>
<#case "apple">
<#assign colorClass="hover:bg-provider-apple/10">
<#break>
<#case "bitbucket">
<#assign colorClass="hover:bg-provider-bitbucket/10">
<#break>
Expand Down
2 changes: 1 addition & 1 deletion theme/keywind/login/resources/dist/index.css
View file
Open in desktop

Large diffs are not rendered by default.