Merge pull request #167 from super-waffle/footer

[#123] feat: home/todays transition
super-waffle · Feb 17, 2022 · 08d032f · 08d032f
2 parents 25f1f4d + 01c621b
commit 08d032f
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 21 deletions.
diff --git 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
diff --git a/src/statics/css/home/homeMeetings.css.map b/src/statics/css/home/homeMeetings.css.map
diff --git a/src/statics/css/home/homeStudiesList.css b/src/statics/css/home/homeStudiesList.css
diff --git a/src/statics/css/home/homeStudiesList.css.map b/src/statics/css/home/homeStudiesList.css.map
diff --git 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
@@ -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 {