Merge pull request #166 from Front-znad-zatoki/frontend/#162-style-fo…

…oter Frontend/#162 style footer
Front-znad-zatoki · Apr 13, 2021 · 94ba9b0 · 94ba9b0
2 parents 4a1d398 + ab3a5b3
commit 94ba9b0
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 5 deletions.
diff --git a/client/src/components/App/style.scss b/client/src/components/App/style.scss
@@ -75,6 +75,9 @@ a:visited {
   color: #fff;
 }
 
+a:-webkit-any-link {
+  color: #fff;
+}
 ul {
   list-style: none;
 }

diff --git a/client/src/components/Footer/index.js b/client/src/components/Footer/index.js
@@ -4,18 +4,25 @@ import { CinemaContext } from '../../context/Cinema';
 
 export default function Footer() {
   const { currentCinema } = useContext(CinemaContext);
+  console.log(currentCinema);
   return (
     <footer className="footer">
       <ul className="footer__list">
+        <a href="https://coderscamp.edu.pl/" className="footer__item-detail">
+          <h5 className="footer__header">CODERSCAMP 2020</h5>
+        </a>
         <li className="footer__item">
-          <h4 className="footer__item-header">Address</h4>
+          <h6 className="footer__item-header">Address</h6>
           <p className="footer__item-detail">
             {currentCinema.country}, {currentCinema.city}
           </p>
           <p className="footer__item-detail">{currentCinema.street}</p>
+          <p className="footer__item-detail">
+            {`${currentCinema.hours.open}:00 - ${currentCinema.hours.close}:00`}
+          </p>
         </li>
         <li className="footer__item">
-          <h4 className="footer__item-header">Contact</h4>
+          <h6 className="footer__item-header">Contact</h6>
           <a
             href={`mailto:${currentCinema.email}`}
             className="footer__item-detail"
@@ -30,20 +37,23 @@ export default function Footer() {
           </a>
         </li>
         <li className="footer__item">
-          <h4 className="footer__item-header">Authors</h4>
+          <h6 className="footer__item-header">Authors</h6>
           <a href="https://github.com/synowa" className="footer__item-detail">
+            <span className="fab fa-github" />
             Ola
           </a>
           <a
             href="https://github.com/paula0403"
             className="footer__item-detail"
           >
+            <span className="fab fa-github" />
             Paulina
           </a>
           <a
             href="https://github.com/vieraboschkova"
             className="footer__item-detail"
           >
+            <span className="fab fa-github" />
             Weronika
           </a>
         </li>

diff --git a/client/src/components/Footer/style.scss b/client/src/components/Footer/style.scss
@@ -1,28 +1,49 @@
 @import '../../styles/variables';
 .footer {
+  &__header {
+    text-align: center;
+    letter-spacing: 10px;
+    font-size: $font-size-secondary;
+    text-transform: uppercase;
+    &:hover {
+      cursor: pointer;
+    }
+  }
   &__list {
     display: flex;
-    justify-content: space-around;
+    justify-content: space-between;
     align-items: flex-start;
     list-style-type: none;
     text-align: center;
+    margin: 0 32px;
+    padding: 16px 0;
+    font-size: 14px;
   }
   &__item {
     display: flex;
     flex-direction: column;
+    align-items: baseline;
     line-height: 1.5;
     &-detail {
       display: block;
       padding: 0;
       text-transform: lowercase;
+      font-weight: 100;
+      &:hover {
+        transition: none;
+      }
+      & span {
+        padding-right: 8px;
+      }
     }
     &-header {
       font-size: $font-size-secondary;
+      text-transform: uppercase;
+      letter-spacing: 5px;
     }
   }
   font-family: $font-primary;
   font-size: $font-size-secondary;
-  padding: 16px 0;
   background-color: #000;
   color: #f1f1f1;
   letter-spacing: 2px;

diff --git a/client/src/components/Ticket/style.scss b/client/src/components/Ticket/style.scss
@@ -6,6 +6,7 @@
   &__heading {
     text-align: center;
   }
+  width: 432px;
   border: 2px #6e093a solid;
   border-radius: 4px;
   background: $color-primary;
@@ -29,6 +30,7 @@
       display: flex;
       position: relative;
       flex-wrap: wrap;
+      justify-content: space-around;
     }
   }
   & input[type='radio'] {

diff --git a/client/src/domain/User/style.scss b/client/src/domain/User/style.scss
@@ -9,6 +9,11 @@
     &-details {
       display: block;
       margin: 8px;
+      & .ticket {
+        width: 100%;
+        margin: 0;
+        margin-bottom: 16px;
+      }
       &__item {
         padding: 8px 0;
         font-weight: 700;