arkorty/DownLink
1
0
Fork 0
mirror of https://github.com/arkorty/DownLink.git synced 2026-03-18 09:02:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update the main viewport background

Browse Source
This commit is contained in:
Arkaprabha Chakraborty
2024-08-11 21:04:21 +05:30
parent e4ff37d8f4
commit 1c5606571f
7 changed files with 118 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/Header.js
View File

@@ -2,26 +2,8 @@ import React from "react";
const Header = () => {
return (
<header className="bg-gradient-to-r from-cyan-500 via-green-500 to-blue-500 text-white p-4 animate-gradient">
<header className="text-white bg-black bg-opacity-60 p-4">
<h1 className="text-xl font-bold">DownLink</h1>
<style jsx>{`
@keyframes gradientFlow {
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 0%;
}
}
.animate-gradient {
background-size: 300% 300%;
animation: gradientFlow 15s ease infinite;
}
`}</style>
</header>
);
};