From 01c621bcd16065cff425f89e69c17d60d8dd3b34 Mon Sep 17 00:00:00 2001
From: rosieyeon <sseyeon956@gmail.com>
Date: Fri, 18 Feb 2022 03:34:15 +0900
Subject: [PATCH] [#123] feat: home/todays transition

---
 src/components/footer.js                     | 13 -------------
 src/statics/css/home/homeMeetings.css        |  8 +++++++-
 src/statics/css/home/homeMeetings.css.map    |  2 +-
 src/statics/css/home/homeStudiesList.css     |  8 ++++++++
 src/statics/css/home/homeStudiesList.css.map |  2 +-
 src/statics/scss/home/homeMeetings.scss      | 10 +++++++++-
 src/statics/scss/home/homeStudiesList.scss   | 11 +++++++----
 7 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/src/components/footer.js b/src/components/footer.js
index 11947da..22a5e90 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -5,19 +5,6 @@ export default function Footer() {
   const logo = "../../images/logo-400.png";
   return (
     <footer className="footer">
-      {/* <div className="footer__contents">
-        <div className="footer__logo">
-          <img src={logo} alt=""></img>
-        </div>
-
-        <div className="footer__introduce">
-          <div>서비스</div>
-          <div></div>
-        </div>
-
-        <div className="footer__madeby">Creator</div>
-        <div>lorem</div>
-      </div> */}
       <div className="footer__contents"></div>
 
       <div className="footer__rights">
diff --git a/src/statics/css/home/homeMeetings.css b/src/statics/css/home/homeMeetings.css
index 5d80aeb..a54d61c 100644
--- a/src/statics/css/home/homeMeetings.css
+++ b/src/statics/css/home/homeMeetings.css
@@ -19,7 +19,6 @@
   position: relative;
   width: 100%;
   height: 0;
-  overflow: hidden;
   padding-bottom: 72%;
 }
 .home-meetings-card__img img {
@@ -29,6 +28,12 @@
   object-fit: cover;
   margin: auto;
   border-radius: 3px;
+  transition: all 0.2s linear;
+}
+.home-meetings-card__img img:hover {
+  transform: scale(1.03);
+  box-shadow: 0px 0px 5px 1px rgba(104, 105, 172, 0.25);
+  transition: all 0.5s ease 0s;
 }
 
 .home-meeting-card__footer {
@@ -45,6 +50,7 @@
 }
 
 .home-meetimg-card__title {
+  margin-top: 10px;
   font-size: 16px;
   font-weight: 500;
   color: var(--textColor);
diff --git a/src/statics/css/home/homeMeetings.css.map b/src/statics/css/home/homeMeetings.css.map
index 97bdd24..2807527 100644
--- a/src/statics/css/home/homeMeetings.css.map
+++ b/src/statics/css/home/homeMeetings.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/main.scss","../../scss/home/homeMeetings.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAEF;EACE;EACA;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA","file":"homeMeetings.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/main.scss","../../scss/home/homeMeetings.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIJ;EAEE;;;AAEF;EACE;EACA;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA","file":"homeMeetings.css"}
\ No newline at end of file
diff --git a/src/statics/css/home/homeStudiesList.css b/src/statics/css/home/homeStudiesList.css
index 84d46d8..1bc95d3 100644
--- a/src/statics/css/home/homeStudiesList.css
+++ b/src/statics/css/home/homeStudiesList.css
@@ -18,6 +18,14 @@
   margin-bottom: 1%;
   margin-top: 9px;
   padding: 1.1rem 1.5rem;
+  transition: all 0.2s linear;
+  overflow: hidden;
+}
+
+.home-study-box:hover {
+  transform: scale(1.03);
+  box-shadow: 0px 0px 5px 1px rgba(104, 105, 172, 0.25);
+  transition: all 0.5s ease 0s;
 }
 
 .home-study-box__top {
diff --git a/src/statics/css/home/homeStudiesList.css.map b/src/statics/css/home/homeStudiesList.css.map
index fb2c44f..388adcb 100644
--- a/src/statics/css/home/homeStudiesList.css.map
+++ b/src/statics/css/home/homeStudiesList.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/main.scss","../../scss/home/homeStudiesList.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA,ODpBQ;ECqBR;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAME;;AALA;EACE;EACA;EACA","file":"homeStudiesList.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/main.scss","../../scss/home/homeStudiesList.scss"],"names":[],"mappings":"AAAQ;AAcR;EACE;;;ACbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA,ODzBQ;EC0BR;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAME;;AALA;EACE;EACA;EACA","file":"homeStudiesList.css"}
\ No newline at end of file
diff --git a/src/statics/scss/home/homeMeetings.scss b/src/statics/scss/home/homeMeetings.scss
index 952e9ab..ddee28d 100644
--- a/src/statics/scss/home/homeMeetings.scss
+++ b/src/statics/scss/home/homeMeetings.scss
@@ -15,7 +15,7 @@
   position: relative;
   width: 100%;
   height: 0;
-  overflow: hidden;
+  // overflow: hidden;
   padding-bottom: 72%;
   & img {
     position: absolute;
@@ -24,10 +24,17 @@
     object-fit: cover;
     margin: auto;
     border-radius: 3px;
+    transition: all 0.2s linear;
+  }
+  & img:hover {
+    transform: scale(1.03);
+    box-shadow: 0px 0px 5px 1px rgba(104, 105, 172, 0.25);
+    transition: all 0.5s ease 0s;
   }
 }
 
 .home-meeting-card__footer {
+  // margin-top: 10px;
   display: flex;
 }
 .home-meeting-card__img__count {
@@ -39,6 +46,7 @@
   }
 }
 .home-meetimg-card__title {
+  margin-top: 10px;
   font-size: 16px;
   font-weight: 500;
   color: var(--textColor);
diff --git a/src/statics/scss/home/homeStudiesList.scss b/src/statics/scss/home/homeStudiesList.scss
index 7423152..8bff0f8 100644
--- a/src/statics/scss/home/homeStudiesList.scss
+++ b/src/statics/scss/home/homeStudiesList.scss
@@ -10,12 +10,17 @@
   border: 1px solid var(--borderColor);
   box-sizing: border-box;
   border-radius: 10px;
-  // width: 100%;
   height: 117px;
   margin-bottom: 1%;
   margin-top: 9px;
-  // margin-right: 15px;
   padding: 1.1rem 1.5rem;
+  transition: all 0.2s linear;
+  overflow: hidden;
+}
+.home-study-box:hover {
+  transform: scale(1.03);
+  box-shadow: 0px 0px 5px 1px rgba(104, 105, 172, 0.25);
+  transition: all 0.5s ease 0s;
 }
 
 .home-study-box__top {
@@ -27,7 +32,6 @@
     color: $mainColor;
     font-size: 12px;
     margin-right: 8px;
-    // text-align: center;
   }
   .home-study-box__top-title {
     width: 45%;
@@ -37,7 +41,6 @@
     margin-right: 16px;
     text-overflow: ellipsis;
     white-space: nowrap;
-    // font-weight: 400;
   }
 }
 .home-study-box__time {