Simplify footer logo align

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

View File

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

View File

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