Reduced landing image, fixed overflows on cards and description

thekoding · Oct 15, 2020 · 8a371b9 · 8a371b9
1 parent ce6c246
commit 8a371b9
Show file tree

Hide file tree

Showing 9 changed files with 1,040 additions and 781 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/src/assets/images/list-landing.jpg b/client/src/assets/images/list-landing.jpg
diff --git a/client/src/assets/images/list-landing.png b/client/src/assets/images/list-landing.png
diff --git a/client/src/assets/images/logo.png b/client/src/assets/images/logo.png
diff --git a/client/src/assets/index.html b/client/src/assets/index.html
@@ -6,7 +6,6 @@
 		<meta name="viewport" content="width=device-width, user-scalable=no">
 		<base href="/">
 		<title><%= htmlWebpackPlugin.options.title %></title>
-		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />
 		<script src="https://kit.fontawesome.com/edcda3bc90.js" crossorigin="anonymous"></script>
 		<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900&display=swap" rel="stylesheet">
 	</head>

diff --git a/client/src/components/Task/styles.scss b/client/src/components/Task/styles.scss
@@ -16,9 +16,10 @@
 
     &-title {
       font-family: "Montserrat", sans-serif;
-      overflow-wrap: break-word;
+      overflow-wrap: anywhere;
       margin: 0;
       margin-bottom: 5px;
+      width: 85%;
       font-weight: 300;
     }
 

diff --git a/client/src/components/TaskDescription/styles.scss b/client/src/components/TaskDescription/styles.scss
@@ -24,6 +24,7 @@
       font-weight: 400;
       margin: 0;
       text-transform: uppercase;
+      overflow-wrap: anywhere;
     }
 
     &-arrow {

diff --git a/client/src/import-custom.d.ts b/client/src/import-custom.d.ts
@@ -3,6 +3,11 @@ declare module "*.png" {
   export default value;
 }
 
+declare module "*.jpg" {
+  const value: string;
+  export default value;
+}
+
 declare module "*.svg" {
   const content: any;
   export default content;

diff --git a/client/src/pages/Landing/index.tsx b/client/src/pages/Landing/index.tsx
@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 
 // Project
 import { trackPageView } from '../../utils/ga';
-import LandingImage from '../../assets/images/list-landing.png';
+import LandingImage from '../../assets/images/list-landing.jpg';
 import './styles.scss';
 
 const Landing = (): JSX.Element => {