Skip to content

Signup login UI fix #219

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Abhik-Mudi wants to merge 2 commits into
base: dev
Choose a base branch
from
Open

Signup login UI fix #219

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4ceda7b
fix#218: UI changed for the login and signup page
Abhik-Mudi Dec 6, 2025
8fd2c4a
fixed the text color in onboarding, campaign-wall and analytics form
Abhik-Mudi Dec 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions frontend/app/creator/campaign-wall/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -284,7 +284,7 @@ export default function CampaignWallPage() {
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
onKeyPress={(e) => e.key === "Enter" && handleSearch()}
className="w-full rounded-lg border border-gray-300 py-3 pr-4 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
className="w-full rounded-lg border text-gray-700 border-gray-300 py-3 pr-4 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
/>
</div>
</div>
Expand All @@ -294,7 +294,7 @@ export default function CampaignWallPage() {
<select
value={platformFilter}
onChange={(e) => setPlatformFilter(e.target.value)}
className="min-w-[120px] appearance-none rounded-lg border border-gray-300 py-3 pr-10 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
className="min-w-[120px] appearance-none rounded-lg border text-gray-700 border-gray-300 py-3 pr-10 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
>
<option value="">All Platforms</option>
{PLATFORM_OPTIONS.map((option) => (
Expand All @@ -307,7 +307,7 @@ export default function CampaignWallPage() {
<select
value={nicheFilter}
onChange={(e) => setNicheFilter(e.target.value)}
className="min-w-[120px] appearance-none rounded-lg border border-gray-300 py-3 pr-10 pl-4 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
className="min-w-[120px] appearance-none rounded-lg border text-gray-700 border-gray-300 py-3 pr-10 pl-4 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
>
<option value="">All Niches</option>
{NICHE_OPTIONS.map((option) => (
Expand All @@ -321,15 +321,15 @@ export default function CampaignWallPage() {
placeholder="Min Budget"
value={budgetMin}
onChange={(e) => setBudgetMin(e.target.value)}
className="w-28 rounded-lg border border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
className="w-28 rounded-lg border text-gray-700 border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
min={0}
/>
<input
type="number"
placeholder="Max Budget"
value={budgetMax}
onChange={(e) => setBudgetMax(e.target.value)}
className="w-28 rounded-lg border border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
className="w-28 rounded-lg border text-gray-700 border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
min={0}
/>
<button
Expand Down
16 changes: 8 additions & 8 deletions frontend/app/creator/onboarding/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -343,7 +343,7 @@ export default function CreatorOnboardingPage() {
value={formData.displayName}
onChange={(e) => updateFormData("displayName", e.target.value)}
placeholder="Your creator name"
className="w-full rounded-lg border-2 border-gray-300 px-6 py-4 text-lg transition-colors focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-6 py-4 text-lg transition-colors focus:border-purple-500 focus:outline-none"
autoFocus
/>
{formData.displayName.length > 0 &&
Expand Down Expand Up @@ -375,7 +375,7 @@ export default function CreatorOnboardingPage() {
value={formData.tagline}
onChange={(e) => updateFormData("tagline", e.target.value)}
placeholder="A catchy one-liner about you"
className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
/>
</div>
<div>
Expand All @@ -388,7 +388,7 @@ export default function CreatorOnboardingPage() {
placeholder="Tell us your story, what you create, and what makes you unique..."
rows={5}
maxLength={500}
className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
/>
<p className="mt-1 text-right text-sm text-gray-500">
{formData.bio.length}/500 characters
Expand All @@ -412,7 +412,7 @@ export default function CreatorOnboardingPage() {
<select
value={formData.primaryNiche}
onChange={(e) => updateFormData("primaryNiche", e.target.value)}
className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 text-lg transition-colors focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-3 text-lg transition-colors focus:border-purple-500 focus:outline-none"
>
<option value="">Select your primary niche</option>
{NICHE_OPTIONS.map((niche) => (
Expand Down Expand Up @@ -494,7 +494,7 @@ export default function CreatorOnboardingPage() {
platform: e.target.value,
})
}
className="w-full rounded-lg border-2 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
>
<option value="">Select platform</option>
{SOCIAL_PLATFORMS.map((platform) => (
Expand All @@ -510,7 +510,7 @@ export default function CreatorOnboardingPage() {
setNewPlatform({ ...newPlatform, handle: e.target.value })
}
placeholder="Username/handle"
className="w-full rounded-lg border-2 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
/>
<select
value={newPlatform.followers}
Expand All @@ -520,7 +520,7 @@ export default function CreatorOnboardingPage() {
followers: e.target.value,
})
}
className="w-full rounded-lg border-2 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
>
<option value="">Select follower count</option>
{FOLLOWER_RANGES.map((range) => (
Expand Down Expand Up @@ -578,7 +578,7 @@ export default function CreatorOnboardingPage() {
onChange={(e) =>
updateFormData("postingFrequency", e.target.value)
}
className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 focus:border-purple-500 focus:outline-none"
className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-3 focus:border-purple-500 focus:outline-none"
>
<option value="">Select frequency</option>
{POSTING_FREQUENCIES.map((freq) => (
Expand Down
4 changes: 2 additions & 2 deletions frontend/app/login/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ export default function LoginPage() {
id="email"
type="email"
{...register("email")}
className="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
placeholder="[email protected]"
disabled={isLoading}
autoComplete="email"
Expand All @@ -152,7 +152,7 @@ export default function LoginPage() {
id="password"
type={showPassword ? "text" : "password"}
{...register("password")}
className="w-full rounded-lg border border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
placeholder="••••••••"
disabled={isLoading}
autoComplete="current-password"
Expand Down
10 changes: 5 additions & 5 deletions frontend/app/signup/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@ export default function SignupPage() {
id="name"
type="text"
{...register("name")}
className="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
placeholder="John Doe"
disabled={isLoading || success}
/>
Expand All @@ -195,7 +195,7 @@ export default function SignupPage() {
id="email"
type="email"
{...register("email")}
className="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
placeholder="[email protected]"
disabled={isLoading || success}
/>
Expand All @@ -217,7 +217,7 @@ export default function SignupPage() {
<select
id="accountType"
{...register("accountType")}
className="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-500 border-gray-300 bg-white px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
disabled={isLoading || success}
>
<option value="">Select account type</option>
Expand All @@ -244,7 +244,7 @@ export default function SignupPage() {
id="password"
type={showPassword ? "text" : "password"}
{...register("password")}
className="w-full rounded-lg border border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
placeholder="••••••••"
disabled={isLoading || success}
/>
Expand Down Expand Up @@ -296,7 +296,7 @@ export default function SignupPage() {
id="confirmPassword"
type={showConfirmPassword ? "text" : "password"}
{...register("confirmPassword")}
className="w-full rounded-lg border border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
placeholder="••••••••"
disabled={isLoading || success}
/>
Expand Down
2 changes: 1 addition & 1 deletion frontend/components/analytics/AIAnalyticsDashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -279,7 +279,7 @@ export default function AIAnalyticsDashboard({
onChange={(e) => setNlQuery(e.target.value)}
onKeyPress={(e) => e.key === "Enter" && handleNLQuery()}
placeholder="Ask a question about your analytics data... (e.g., 'What's my average engagement rate?')"
className="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
className="flex-1 px-4 py-2 border text-gray-700 border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
/>
<button
onClick={handleNLQuery}
Expand Down