From 9b59c5967ea79f9d4ba4c852bee2cce8c9a628c0 Mon Sep 17 00:00:00 2001 From: perdi8 Date: Thu, 28 Jan 2021 10:13:37 +0100 Subject: [PATCH 1/5] updated smaller footer --- .../components/footer/footer.styles.ts | 7 ++++--- front/static/styles.css | 19 +++++++++++++------ 2 files changed, 17 insertions(+), 9 deletions(-) diff --git a/front/src/common-app/components/footer/footer.styles.ts b/front/src/common-app/components/footer/footer.styles.ts index ee78f54..0f6a9f8 100644 --- a/front/src/common-app/components/footer/footer.styles.ts +++ b/front/src/common-app/components/footer/footer.styles.ts @@ -8,8 +8,8 @@ export const footerContainer = css` display: flex; flex-direction: column; justify-content: space-between; - height: ${spacing(37.5)}; - padding: ${spacing(2.5)} ${spacing(12.5)}; + height: ${spacing(20.5)}; + padding: ${spacing(2)} ${spacing(12.5)}; background-color: ${color.secondary}; @media (max-width: ${breakpoints.values.md}px) { padding: ${spacing(2.5)} ${spacing(5)} ${spacing(3.75)} ${spacing(5)}; @@ -54,7 +54,8 @@ export const bottomContainer = css` `; export const lemoncodeIcon = css` - height: ${spacing(12.5)}; + height: ${spacing(12)}; + padding-bottom: ${spacing(1)} `; export const iconContainer = css` diff --git a/front/static/styles.css b/front/static/styles.css index 2e85771..cc30eae 100644 --- a/front/static/styles.css +++ b/front/static/styles.css @@ -569,8 +569,8 @@ form textarea { display: flex; flex-direction: column; justify-content: space-between; - height: 30rem; - padding: 2rem 10rem; + height: 16rem; + padding: 0rem 10rem; background-color: var(--color-dark); } @@ -604,8 +604,15 @@ form textarea { } .footer__logo { - height: 10rem; - width: 11.2rem; + height: 9rem; + width: 10.2rem; +} + +@media only screen and (max-width: 728px) { + .footer__logo { + height: 9rem; + width: 8.5rem; + } } .footer__list { @@ -660,8 +667,8 @@ form textarea { top: 0.8rem; right: 1.6rem; fill: var(--color-light); - height: 10rem; - width: 10rem; + height: 8rem; + width: 8rem; } .footer__icon-list { From 1040048144837e99a6ce24e1b02d2c4ca76be558 Mon Sep 17 00:00:00 2001 From: perdi8 Date: Tue, 2 Feb 2021 13:59:58 +0100 Subject: [PATCH 2/5] update-small-footer --- .../components/footer/footer.component.tsx | 13 +- .../components/footer/footer.styles.ts | 48 ++----- front/src/pods/student/student.component.tsx | 1 - .../pods/trainer/components/session.styles.ts | 1 + front/static/index.html | 4 +- front/static/styles.css | 122 +++++------------- 6 files changed, 54 insertions(+), 135 deletions(-) diff --git a/front/src/common-app/components/footer/footer.component.tsx b/front/src/common-app/components/footer/footer.component.tsx index 66ef0de..b0095cf 100644 --- a/front/src/common-app/components/footer/footer.component.tsx +++ b/front/src/common-app/components/footer/footer.component.tsx @@ -9,38 +9,37 @@ import LanguageIcon from '@material-ui/icons/Language'; export const FooterComponent: React.FC = () => { const { footerContainer, - topContainerCenter, + logoContainer, lemoncodeIcon, bottomContainer, iconContainer, - iconListItem, icon, githubIcon, copyright, } = classes; return (