ra/auditly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 9/20/25

Browse Source
This commit is contained in:
Ra
2025-09-20 21:44:02 -07:00
parent c713c2ed5e
commit b41f489fe6
58 changed files with 11529 additions and 2769 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/FormsDashboard.tsx
View File

@@ -27,16 +27,16 @@ const FormsDashboard: React.FC = () => {
];
return (
<div className="min-h-screen bg-[--background-primary] py-8 px-4">
<div className="min-h-screen bg-[--Main-BG-Gray-100] py-8 px-4">
<div className="max-w-6xl mx-auto">
<div className="text-center mb-8">
<div className="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center font-bold text-white text-2xl mx-auto mb-4">
<div className="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center font-bold text-[--Text-White-00] text-2xl mx-auto mb-4">
📝
</div>
<h1 className="text-3xl font-bold text-[--text-primary] mb-2">
<h1 className="text-3xl font-bold text-[--Text-Gray-800] mb-2">
Employee Forms Dashboard
</h1>
<p className="text-[--text-secondary] max-w-2xl mx-auto">
<p className="text-[--Text-Gray-500] max-w-2xl mx-auto">
Explore the different employee questionnaire implementations.
Each form demonstrates different UX approaches and question types based on the Figma designs.
</p>
@@ -51,7 +51,7 @@ const FormsDashboard: React.FC = () => {
<h3 className="text-xl font-semibold text-[--text-primary] mb-2">
{form.title}
</h3>
<p className="text-[--text-secondary] mb-4 text-sm">
<p className="text-[--Text-Gray-500] mb-4 text-sm">
{form.description}
</p>
<div className="space-y-2 mb-4">
@@ -82,7 +82,7 @@ const FormsDashboard: React.FC = () => {
<h3 className="text-lg font-semibold text-[--text-primary] mb-3">
Question Types Implemented
</h3>
<ul className="space-y-2 text-[--text-secondary]">
<ul className="space-y-2 text-[--Text-Gray-500]">
<li>• <strong>Text Input:</strong> Single-line text for names, titles</li>
<li>• <strong>Textarea:</strong> Multi-line for detailed responses</li>
<li>• <strong>Scale Rating:</strong> 1-10 sliders with custom labels</li>
@@ -91,10 +91,10 @@ const FormsDashboard: React.FC = () => {
</ul>
</div>
<div>
<h3 className="text-lg font-semibold text-[--text-primary] mb-3">
<h3 className="text-lg font-semibold text-[--Text-Gray-800] mb-3">
Key Features
</h3>
<ul className="space-y-2 text-[--text-secondary]">
<ul className="space-y-2 text-[--Text-Gray-500]">
<li>• <strong>Conditional Logic:</strong> Follow-up questions based on answers</li>
<li>• <strong>Progress Tracking:</strong> Visual completion indicators</li>
<li>• <strong>Responsive Design:</strong> Mobile-friendly layouts</li>