mirror of
https://github.com/lukin/keywind.git
synced 2025-01-10 18:06:23 +00:00
fix: some visual issues
This commit is contained in:
Paul Werner
parent
909c757366
commit
7919512aea
13 changed files with 26 additions and 89 deletions
File diff suppressed because one or more lines are too long
|
|
@ -1,9 +0,0 @@
|
||||||
<#macro kw>
|
|
||||||
<body>
|
|
||||||
<body class="relative min-h-screen bg-gray-100 dark:bg-gray-900 pt-2">
|
|
||||||
<div class="max-w-2xl px-6 py-8 mx-auto bg-white dark:bg-gray-900 rounded-lg">
|
|
||||||
<#nested>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</#macro>
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<#macro kw>
|
<#macro kw>
|
||||||
<div class="bg-white px-4 py-10 rounded-lg shadow">
|
<div class="bg-white px-4 py-10 rounded-lg" style="box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);">
|
||||||
<#nested>
|
<#nested>
|
||||||
</div>
|
</div>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<#macro kw>
|
<#macro kw>
|
||||||
<div class="py-10 px-4 max-w-[512px] relative z-20 mx-auto">
|
<div class="relative z-20 py-10 px-4 max-w-[512px] mx-auto">
|
||||||
<#nested>
|
<#nested>
|
||||||
</div>
|
</div>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
|
|
@ -1,33 +1,5 @@
|
||||||
<#macro kw>
|
<#macro kw>
|
||||||
<table class="w-full mt-4">
|
<div class="w-full mt-4 text-right text-sm opacity-80">
|
||||||
<tr>
|
© ${.now?string('yyyy')} ${kcSanitize(realmName!"")}.
|
||||||
<td>
|
</div>
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td class="font-semibold">
|
|
||||||
This email was sent to <a href="mailto:${user.email!""}" class="text-blue-600 hover:underline dark:text-blue-400" target="_blank">${user.email!""}</a>.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="h-0.5"></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="text-sm font-semibold opacity-50">
|
|
||||||
If you'd rather not receive this kind of email, you can <a href="#" class="text-blue-600 hover:underline dark:text-blue-400">unsubscribe</a> or <a href="#" class="text-blue-600 hover:underline dark:text-blue-400">manage your email preferences</a>.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="text-right text-sm opacity-50">
|
|
||||||
© ${.now?string('yyyy')} ${kcSanitize(realmName!"")}.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
<#macro kw script="">
|
<#macro kw script="">
|
||||||
<meta charset="utf-8">
|
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
|
||||||
<meta name="robots" content="noindex, nofollow">
|
<meta name="robots" content="noindex, nofollow">
|
||||||
<meta name="x-apple-disable-message-reformatting">
|
<meta name="x-apple-disable-message-reformatting">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
|
||||||
|
|
||||||
<#if properties.meta?has_content>
|
<#if properties.meta?has_content>
|
||||||
<#list properties.meta?split(" ") as meta>
|
<#list properties.meta?split(" ") as meta>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
<#import "document.ftl" as document>
|
<#import "document.ftl" as document>
|
||||||
<#import "components/atoms/background.ftl" as background>
|
<#import "components/atoms/background.ftl" as background>
|
||||||
<#import "components/atoms/body.ftl" as body>
|
|
||||||
<#import "components/atoms/card.ftl" as card>
|
<#import "components/atoms/card.ftl" as card>
|
||||||
<#import "components/atoms/container.ftl" as container>
|
<#import "components/atoms/container.ftl" as container>
|
||||||
<#import "components/atoms/footer.ftl" as footer>
|
<#import "components/atoms/footer.ftl" as footer>
|
||||||
|
|
@ -9,11 +8,11 @@
|
||||||
|
|
||||||
<#macro emailLayout>
|
<#macro emailLayout>
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
|
||||||
<head>
|
<head>
|
||||||
<@document.kw script=script />
|
<@document.kw script=script />
|
||||||
</head>
|
</head>
|
||||||
<@body.kw>
|
<body style="background-color: #ecf9ff;">
|
||||||
<@background.kw />
|
<@background.kw />
|
||||||
<@container.kw>
|
<@container.kw>
|
||||||
<@card.kw>
|
<@card.kw>
|
||||||
|
|
@ -22,8 +21,8 @@
|
||||||
<#nested>
|
<#nested>
|
||||||
</@main.kw>
|
</@main.kw>
|
||||||
</@card.kw>
|
</@card.kw>
|
||||||
|
<@footer.kw />
|
||||||
</@container.kw>
|
</@container.kw>
|
||||||
<@footer.kw />
|
</body>
|
||||||
</@body.kw>
|
|
||||||
</html>
|
</html>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
||||||
<#macro kw>
|
<#macro kw>
|
||||||
<div class="bg-white px-4 py-10 rounded-lg shadow" style="border-radius: 0.5rem; background-color: #fff; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);">
|
<div class="bg-white px-4 py-10 rounded-lg" style="border-radius: 0.5rem; background-color: #fff; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);">
|
||||||
<#nested>
|
<#nested>
|
||||||
</div>
|
</div>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<#macro kw>
|
<#macro kw>
|
||||||
<div class="py-10 px-4 max-w-[512px] relative z-20 mx-auto" style="position: relative; z-index: 20; margin-left: auto; margin-right: auto; max-width: 512px; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px;">
|
<div class="relative z-20 py-10 px-4 max-w-[512px] mx-auto" style="position: relative; z-index: 20; margin-left: auto; margin-right: auto; max-width: 512px; padding-left: 16px; padding-right: 16px; padding-top: 40px; padding-bottom: 40px;">
|
||||||
<#nested>
|
<#nested>
|
||||||
</div>
|
</div>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
|
|
@ -1,33 +1,5 @@
|
||||||
<#macro kw>
|
<#macro kw>
|
||||||
<table class="w-full mt-4" style="margin-top: 16px; width: 100%;">
|
<div class="w-full mt-4 text-right text-sm opacity-80" style="margin-top: 16px; width: 100%; text-align: right; font-size: 14px; opacity: 0.8;">
|
||||||
<tr>
|
© ${.now?string('yyyy')} ${kcSanitize(realmName!"")}.
|
||||||
<td>
|
</div>
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td class="font-semibold" style="font-weight: 600;">
|
|
||||||
This email was sent to <a href="mailto:${user.email!" "}" class="text-blue-600 hover:underline dark:text-blue-400" target="_blank" style="color: #2563eb;">${user.email!""}</a>.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="h-0.5" style="height: 2px;"></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="text-sm font-semibold opacity-50" style="font-size: 14px; font-weight: 600; opacity: 0.5;">
|
|
||||||
If you'd rather not receive this kind of email, you can <a href="#" class="text-blue-600 hover:underline dark:text-blue-400" style="color: #2563eb;">unsubscribe</a> or <a href="#" class="text-blue-600 hover:underline dark:text-blue-400" style="color: #2563eb;">manage your email preferences</a>.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="text-right text-sm opacity-50" style="text-align: right; font-size: 14px; opacity: 0.5;">
|
|
||||||
© ${.now?string('yyyy')} ${kcSanitize(realmName!"")}.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
<#macro kw script="">
|
<#macro kw script="">
|
||||||
<meta charset="utf-8">
|
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
|
||||||
<meta name="robots" content="noindex, nofollow">
|
<meta name="robots" content="noindex, nofollow">
|
||||||
<meta name="x-apple-disable-message-reformatting">
|
<meta name="x-apple-disable-message-reformatting">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
|
||||||
|
|
||||||
<#if properties.meta?has_content>
|
<#if properties.meta?has_content>
|
||||||
<#list properties.meta?split(" ") as meta>
|
<#list properties.meta?split(" ") as meta>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
<#import "document.ftl" as document>
|
<#import "document.ftl" as document>
|
||||||
<#import "components/atoms/background.ftl" as background>
|
<#import "components/atoms/background.ftl" as background>
|
||||||
<#import "components/atoms/body.ftl" as body>
|
|
||||||
<#import "components/atoms/card.ftl" as card>
|
<#import "components/atoms/card.ftl" as card>
|
||||||
<#import "components/atoms/container.ftl" as container>
|
<#import "components/atoms/container.ftl" as container>
|
||||||
<#import "components/atoms/footer.ftl" as footer>
|
<#import "components/atoms/footer.ftl" as footer>
|
||||||
|
|
@ -9,11 +8,11 @@
|
||||||
|
|
||||||
<#macro emailLayout>
|
<#macro emailLayout>
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
|
||||||
<head>
|
<head>
|
||||||
<@document.kw script=script />
|
<@document.kw script=script />
|
||||||
</head>
|
</head>
|
||||||
<@body.kw>
|
<body style="background-color: #ecf9ff;">
|
||||||
<@background.kw />
|
<@background.kw />
|
||||||
<@container.kw>
|
<@container.kw>
|
||||||
<@card.kw>
|
<@card.kw>
|
||||||
|
|
@ -22,8 +21,8 @@
|
||||||
<#nested>
|
<#nested>
|
||||||
</@main.kw>
|
</@main.kw>
|
||||||
</@card.kw>
|
</@card.kw>
|
||||||
|
<@footer.kw />
|
||||||
</@container.kw>
|
</@container.kw>
|
||||||
<@footer.kw />
|
</body>
|
||||||
</@body.kw>
|
|
||||||
</html>
|
</html>
|
||||||
</#macro>
|
</#macro>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue