Skip to content

Commit

Permalink
chore: linting
Browse files Browse the repository at this point in the history
  • Loading branch information
wzarek committed Jun 6, 2024
1 parent c79cb80 commit 04dd6b9
Show file tree
Hide file tree
Showing 4 changed files with 47 additions and 29 deletions.
3 changes: 2 additions & 1 deletion Client/reasn-client/apps/web/app/page.tsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
"use client";

import { HeroSection } from "@reasn/ui/src";
import React from "react";
import { Navbar } from "../components/Navbar";
import { Footer } from '../components/Footer';
import { Footer } from "../components/Footer";

export default function Web() {
return (
Expand Down
44 changes: 28 additions & 16 deletions Client/reasn-client/apps/web/components/footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,37 @@ import React from "react";

export const Footer = () => {
return (
<footer className="text-center py-16 bg-black bg-bottom fixed bottom-0 rounded-t-2xl w-full">
<div className="flex items-center justify-between w-4/5 mx-auto">
<div className="flex-grow h-1 rounded-3xl mx-2 mt-1 bg-gradient-to-r from-red-400 via-purple-500 to-indigo-600"></div>
<footer className="fixed bottom-0 w-full rounded-t-2xl bg-black bg-bottom py-16 text-center">
<div className="mx-auto flex w-4/5 items-center justify-between">
<div className="mx-2 mt-1 h-1 flex-grow rounded-3xl bg-gradient-to-r from-red-400 via-purple-500 to-indigo-600"></div>
<span className="text-3xl font-bold text-white">we are</span>
<div className="flex-grow h-1 rounded-3xl mx-2 mt-1 bg-gradient-to-r from-indigo-600 via-purple-500 to-red-400"></div>
<div className="mx-2 mt-1 h-1 flex-grow rounded-3xl bg-gradient-to-r from-indigo-600 via-purple-500 to-red-400"></div>
</div>
<div className="text-3xl font-bold text-white -mt-1">the Reasn.</div>
<div className="flex justify-between -mt-8 w-3/4 mx-auto">
<div className="flex justify-between text-white w-1/6">
<a href="#" className="hover:text-[#ccc]">link</a>
<a href="#" className="hover:text-[#ccc]">link</a>
<a href="#" className="hover:text-[#ccc]">link</a>
<div className="-mt-1 text-3xl font-bold text-white">the Reasn.</div>
<div className="mx-auto -mt-8 flex w-3/4 justify-between">
<div className="flex w-1/6 justify-between text-white">
<a href="#" className="hover:text-[#ccc]">
link
</a>
<a href="#" className="hover:text-[#ccc]">
link
</a>
<a href="#" className="hover:text-[#ccc]">
link
</a>
</div>
<div className="flex justify-between text-white w-1/6">
<a href="#" className="hover:text-[#ccc]">link</a>
<a href="#" className="hover:text-[#ccc]">link</a>
<a href="#" className="hover:text-[#ccc]">link</a>
<div className="flex w-1/6 justify-between text-white">
<a href="#" className="hover:text-[#ccc]">
link
</a>
<a href="#" className="hover:text-[#ccc]">
link
</a>
<a href="#" className="hover:text-[#ccc]">
link
</a>
</div>
</div>
</footer>
)
}
);
};
23 changes: 14 additions & 9 deletions Client/reasn-client/apps/web/components/navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,25 @@ import React from "react";

export const Navbar = () => {
return (
<nav
className="flex flex-wrap items-center justify-between w-full h-16 text-base text-white bg-black rounded-b-2xl"
>
<div className="flex w-4/5 justify-between mx-auto">
<nav className="flex h-16 w-full flex-wrap items-center justify-between rounded-b-2xl bg-black text-base text-white">
<div className="mx-auto flex w-4/5 justify-between">
<div>
<a href="#" className="font-bold text-2xl hover:text-[#ccc]">Reasn.</a>
<a href="#" className="text-2xl font-bold hover:text-[#ccc]">
Reasn.
</a>
</div>
<div className="flex items-center gap-8">
<a href="#" className="hover:text-[#ccc]">logowanie</a>
<a href="#" className="px-6 py-1.5 border-2 border-white rounded-2xl hover:bg-white hover:text-black">
<a href="#" className="hover:text-[#ccc]">
logowanie
</a>
<a
href="#"
className="rounded-2xl border-2 border-white px-6 py-1.5 hover:bg-white hover:text-black"
>
rejestracja
</a>
</div>
</div>
</nav>
)
}
);
};
6 changes: 3 additions & 3 deletions Client/reasn-client/apps/web/tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@ module.exports = {
content: [
"./app/**/*.{js,jsx,ts,tsx}",
"../../packages/ui/src/**/*.{js,jsx,ts,tsx}",
'./app/**/*.{js,jsx,ts,tsx}',
'./components/**/*.{js,jsx,ts,tsx}',
'../../packages/ui/src/**/*.{js,jsx,ts,tsx}'
"./app/**/*.{js,jsx,ts,tsx}",
"./components/**/*.{js,jsx,ts,tsx}",
"../../packages/ui/src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
Expand Down

0 comments on commit 04dd6b9

Please sign in to comment.