arav/Travel-policy-
1
0
Fork 0
forked from CSI-KJSCE/Travel-policy-
Code Pull Requests Activity

Add Dark Mode, Password Hashing for better security , Settings Page, Policy PDF in Policy section,UI Changes

Browse Source
This commit is contained in:
arav
2026-01-10 19:39:40 +05:30
parent 933c0741ab
commit 9b605279e6
35 changed files with 1344 additions and 659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/Applications/components/ApplicationsStatusDescription.jsx
View File

@@ -9,16 +9,16 @@ function ApplicationsStatusDescription() {
const { status } = useParams();
return (
<div className="bg-slate-50 shadow-md rounded-lg p-6 mb-8 border border-slate-400">
<div className="flex justify-between items-center mb-6 gap-5">
<h1 className="text-3xl font-semibold text-gray-800">
<div className="bg-slate-50 dark:bg-[#3c4043] shadow-md rounded-lg p-6 mb-8 border border-slate-400 dark:border-gray-600 transition-colors duration-200">
<div className="relative flex flex-col md:flex-row items-center justify-center mb-6 gap-5">
<h1 className="text-3xl font-semibold text-gray-800 dark:text-google-text text-center">
{`${status.toUpperCase()} APPLICATIONS`}
</h1>
{role === "Applicant" && (
<button
type='button'
onClick={() => navigate("../form")}
className="flex items-center bg-gradient-to-r from-red-600 to-red-800 hover:from-red-800 hover:to-red-600 text-white font-semibold py-2 px-4 rounded-lg shadow-lg transform transition duration-300 ease-in-out hover:scale-105"
className="md:absolute md:right-0 flex items-center bg-gradient-to-r from-red-600 to-red-800 hover:from-red-800 hover:to-red-600 text-white font-semibold py-2 px-4 rounded-lg shadow-lg transform transition duration-300 ease-in-out hover:scale-105"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -38,7 +38,7 @@ function ApplicationsStatusDescription() {
</button>
)}
</div>
<p className="text-gray-600 text-lg leading-relaxed sm:block hidden">
<p className="text-gray-600 dark:text-google-text-secondary text-lg leading-relaxed sm:block hidden">
Easily track the details and statuses of all your submitted applications
in one place.
<br />