8000 Ready to deploy · DevKaliper/github-find-users@2c58c93 · GitHub
[go: up one dir, main page]
Skip to content

Commit 2c58c93

Browse files
DevKaliperDevKaliper
committed
Ready to deploy
1 parent d8ac237 commit 2c58c93

File tree

4 files changed

+26
-6
lines changed

4 files changed

+26
-6
lines changed

‎index.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,13 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
5+
<link rel="icon" type="image/svg+xml" href="./src/img/github-mark-white.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + React</title>
7+
<title>
8+
Find Users
9+
</title>
810
</head>
9-
<body>
11+
<body class="relative min-h-screen">
1012
<div id="root"></div>
1113
<script type="module" src="/src/main.jsx"></script>
1214
</body>

‎src/App.jsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import FindUser from "./components/FindUser";
33
import Header from "./components/Header";
44
import ShowUser from "./components/ShowUser";
55
import service from "./services/servicesUser";
6+
import { Footer } from "./components/Footer";
67

78
function App() {
89
const [user, setUser] = useState("");
@@ -38,6 +39,7 @@ function App() {
3839
No User to search...
3940
</h1>
4041
)}
42+
<Footer />
4143
</>
4244
);
4345
}

‎src/components/Footer.jsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import React from 'react'
2+
export const Footer = () => {
3< F568 span class="diff-text-marker">+
return (
4+
<footer className="footer bg-[#988E6F] glass absolute bottom-0 items-center p-4 text-white">
5+
<div className="items-center grid-flow-col">
6+
7+
<p>DevKaliper © 2023 - All right reserved</p>
8+
</div>
9+
<div className=" md:place-self-center md:justify-self-end">
10+
<a href='https://github.com/DevKaliper' rel='noreferrer' target='_blank' className='flex gap-2 justify-center items-center text-lg font-mono'> <img src="./src/img/github-mark.png" className='invert' width={50} alt="" /> my Github
11+
</a>
12+
13+
</div>
14+
</footer>
15+
)
16+
}

‎src/components/Header.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
const Header = () => {
22
return (
3-
<div className="navbar glass gap-10 px-32 bg-[#655E4A]">
4-
<div className="flex-1 btn btn-ghost normal-case text-xl relative ">
3+
<div className="navbar glass gap-10 px-32 bg-[#988E6F]">
4+
<a href="https://github.com/" target="_blank" rel="noreferrer" className="flex-1 btn btn-ghost normal-case text-xl relative ">
55
<a className="invisible md:visible">Intergrated with </a>
66
<img src="./src/img/GitHub_Logo_White.png" className="absolute md:relative" alt="github" width={150} />
7-
</div>
7+
</a>
88
<div className="flex-none">
99
<a href="https://github.com/DevKaliper/github-find-users" target="_blank" rel="noreferrer" className="btn btn-square btn-ghost flex w-fit h-fit gap-3 justify-center items-center">
1010
<img src="./src/img/github-mark.png" alt="" width={50} />

0 commit comments

Comments
 (0)
0