Merge pull request #376 from isaacRaphael/dev

Feature : completing the styling of the figma navbar

client/src/components/Apps/Figma/Figma.js

@@ -33,7 +33,7 @@ class Figma extends Component {
           <h4 className="Logo-tag">Figma</h4>
           <div className="arrow-down">^</div>
         </div>
-        <div className="mb-1.5">
+        <div className="mb-1.5 fig-connect-btn">
           <a
             className="px-4 py-2 bg-gray-700 text-white rounded-sm"
             href={deployedUrl}

client/src/components/Apps/Figma/css/Figma.css

@@ -9,6 +9,7 @@
     padding: 20px 0 20px 20px;
     justify-content: flex-start;
     align-items: center;
+    position :relative;
 }
 
 .Start-title h4 {
@@ -56,3 +57,13 @@
     border-bottom: 1px solid #0ACF83;
 }
 
+.fig-connect-btn {
+    position: absolute;
+    top: 95px;
+    left: 180px;
+
+}
+
+.fig-connect-btn a {
+    background-color: #0ACF83 ;
+}

client/src/components/Apps/Github/containers/GithubHome.js

@@ -1,6 +1,7 @@
 import React from "react";
-// import { Link } from "react-router-dom";
-// import { IoChevronBackOutline } from "react-icons/io5";
+import { Link } from "react-router-dom";
+import { Link } from "react-router-dom";
+import { IoChevronBackOutline } from "react-icons/io5";
 import Image from "../assets/ZV_64LdGoao.jpg";
 import GithubLogo from "../assets/Rectangle 693.jpg";
 import "../style/GithubHome.css";

client/src/components/MainPage/installedcard.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 // import ModalComponent from "../Modal/Modal";
-import Modal from "react-bootstrap/Modal";
+// import Modal from "react-bootstrap/Modal";
 import { useHistory, Link } from "react-router-dom";
 
 const InstallToolsCard = ({ name, image, description, linkName }) => {