- telegram logolari duzeldi

Author: mkltkn

public/index.html

@@ -22,10 +22,7 @@
             href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700"
             rel="stylesheet"
         />
-        <link
-            rel="stylesheet"
-            href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css"
-        />
+
         <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/

src/assets/github-original.svg

@@ -1,5 +1,7 @@
 import React, { Component } from "react";
 import { Link } from "react-router-dom";
+import GithubLogo from "../assets/github-original.svg";
+import TwitterLogo from "../assets/twitter-original.svg";
 
 class Footer extends Component {
     render() {
@@ -14,15 +16,15 @@ class Footer extends Component {
                                 rel="noopener noreferrer"
                                 target="_blank"
                             >
-                                <i className="logos-footer devicon-github-plain" />
+                                <img className="logos-footer" src={GithubLogo} />
                             </a>
                             <a
                                 className="white-text footer-logo"
                                 href="https://twitter.com/eksicode"
                                 rel="noopener noreferrer"
                                 target="_blank"
                             >
-                                <i className="logos-footer devicon-twitter-plain" />
+                                <img className="logos-footer" src={TwitterLogo} />
                             </a>
                         </div>
                     </div>

src/assets/twitter-original.svg

@@ -54,7 +54,7 @@ class Telegram extends Component {
                             <div className="col s12 m4 l3" key={id}>
                                 <div className="card hoverable">
                                     <div className="card-content black-text">
-                                        <i class={e.logo}></i>
+                                        <img className="logos" src={e.logo} alt={e.name}/>
                                         <h4>{e.name}</h4>
                                         <p>{e.members} Üye</p>
                                     </div>

src/components/Footer.js

@@ -1,5 +1,4 @@
-.footer-logo {
-  color: var(--night);
-  font-size: 2rem;
+.footer-logo img {
+  height: 3rem;
   margin: 0 1rem;
 }

src/components/Telegram.js

@@ -32,6 +32,7 @@
     background-color: var(--mavi);
   }
   .logos {
-    font-size: 4rem;
-    color: var(--night);
+    height: 6rem;
+    border-radius: 50px;
+
   }