ElyBy-Mirror/emails-renderer
1
0
Fork 0
mirror of https://github.com/elyby/emails-renderer.git synced 2024-11-30 02:33:08 +05:30
Code Issues Packages Projects Releases Wiki Activity

Simplify footer logo align

Browse Source
This commit is contained in:
ErickSkrauch 2020-07-16 15:35:12 +03:00
parent 95227bc90f
commit 7a62d608d1
No known key found for this signature in database
GPG Key ID: 669339FCBB30EE0E
2 changed files with 4 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/footer/Footer.tsx
View File

@ -11,7 +11,7 @@ export default function Footer() {
return ( return (
<Table style={styles.footer}> <Table style={styles.footer}>
<tr> <tr>
<td rowSpan={2} style={styles.footerText}> <td style={styles.footerText}>
<Message {...messages.footer} values={{ <Message {...messages.footer} values={{
serviceLink: ( serviceLink: (
<a href="https://account.ely.by" style={styles.footerLink}> <a href="https://account.ely.by" style={styles.footerLink}>
@ -23,12 +23,7 @@ export default function Footer() {
<td style={styles.footerLogo}> <td style={styles.footerLogo}>
<a href="http://ely.by"> <a href="http://ely.by">
<img src={logoImg} alt="Ely.by" width="128" height="58" /> <img src={logoImg} alt="Ely.by" width="128" height="58" />
</a> <br />
</td>
</tr>
<tr>
<td style={styles.footerLogoSubtitle}>
<a href="http://ely.by">
<HTMLMessage {...messages.alternativeMinecraftServices} /> <HTMLMessage {...messages.alternativeMinecraftServices} />
</a> </a>
</td> </td>

13
src/components/layout/footer/styles.ts
View File

@ -2,11 +2,6 @@ import { CSSProperties } from 'react';
import { green } from 'components/ui/colors'; import { green } from 'components/ui/colors';
const footerLogoBaseStyles: CSSProperties = {
padding: '0 30px',
textAlign: 'center',
};
const styles: Record<string, CSSProperties> = { const styles: Record<string, CSSProperties> = {
footer: { footer: {
borderTop: `10px solid ${green.base}`, borderTop: `10px solid ${green.base}`,
@ -25,12 +20,8 @@ const styles: Record<string, CSSProperties> = {
borderBottom: '1px dashed #7A7A7A', borderBottom: '1px dashed #7A7A7A',
}, },
footerLogo: { footerLogo: {
...footerLogoBaseStyles, padding: '0 30px',
verticalAlign: 'bottom', textAlign: 'center',
},
footerLogoSubtitle: {
...footerLogoBaseStyles,
verticalAlign: 'top',
}, },
}; };