1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-06 22:26:33 +02:00

Small layout tweaks

This commit is contained in:
Phuoc Nguyen
2019-12-10 18:53:48 +07:00
parent acc2e20091
commit 00655da226
4 changed files with 157 additions and 148 deletions

View File

@@ -21,7 +21,7 @@ const DetailsLayout: React.FC<DetailsLayoutProps> = ({ title, children }) => {
style={{
alignItems: 'center',
backgroundColor: '#00449E',
borderRadius: '9999px',
borderRadius: '4px',
color: '#FFF',
display: 'inline-flex',
margin: '32px 0',

View File

@@ -4,6 +4,20 @@ import SubscribeForm from './SubscribeForm';
const Footer: React.FC<{}> = () => {
return (
<>
<div
style={{
borderLeft: '1px solid rgba(0, 0, 0, 0.2)',
borderRight: '1px solid rgba(0, 0, 0, 0.2)',
padding: '32px',
textAlign: 'center',
}}
>
<div style={{ lineHeight: 1.5, marginBottom: '12px' }}>
Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!
</div>
<SubscribeForm />
</div>
<div
style={{
border: '1px solid rgba(0, 0, 0, 0.2)',
@@ -161,14 +175,9 @@ const Footer: React.FC<{}> = () => {
</ul>
<li>&#125;</li>
</ul>
<div>
<div style={{ lineHeight: 1.5, marginBottom: '12px' }}>
Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!
</div>
<SubscribeForm />
</div>
</div>
</div>
</>
);
};

View File

@@ -18,7 +18,7 @@ const ExplorePage = () => {
to="/"
style={{
backgroundColor: '#00449E',
borderRadius: '9999px',
borderRadius: '4px',
color: '#FFF',
padding: '8px 16px',
textDecoration: 'none',

View File

@@ -26,7 +26,7 @@ const HomePage = () => {
<h1
style={{
backgroundColor: '#00449E',
borderRadius: '9999px',
borderRadius: '4px',
color: '#FFF',
fontSize: '36px',
fontWeight: 600,