Skip to content
This repository was archived by the owner on Dec 2, 2025. It is now read-only.

a #169

Merged
JosueBrenes merged 2 commits into from
Jun 19, 2025
Merged

a #169

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
0353537
Update gradient colors to enhance UI consistency across components
JosueBrenes Jun 19, 2025
eada4c6
Merge pull request #168 from JosueBrenes/develop
JosueBrenes Jun 19, 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
2 changes: 1 addition & 1 deletion src/components/layouts/sidebar/Sidebar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ export function TrustBridgeSidebar() {
: "text-muted-foreground hover:bg-muted hover:text-foreground",
item.highlight &&
!item.active &&
" text-muted-foreground hover:from-emerald-600 hover:to-teal-600",
" text-muted-foreground hover:from-emerald-600 hover:to-emerald-600",
)}
>
<a
Expand Down
4 changes: 2 additions & 2 deletions src/components/modules/auth/ui/pages/Home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export default function HomePage() {
</Badge>

<h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl">
<span className="bg-gradient-to-r from-emerald-600 to-teal-500 bg-clip-text text-transparent">
<span className="bg-gradient-to-r from-emerald-600 to-emerald-800 bg-clip-text text-transparent">
TrustBridge
</span>
<span className="block mt-2">Decentralized Microloans</span>
Expand Down Expand Up @@ -85,7 +85,7 @@ export default function HomePage() {
<Button
size="lg"
onClick={handleConnect}
className="w-full sm:w-auto bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white border-0"
className="w-full sm:w-auto bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white border-0"
>
<LogIn className="w-5 h-5" />
<span className="ml-2">Connect Wallet</span>
Expand Down
22 changes: 11 additions & 11 deletions src/components/modules/dashboard/ui/pages/DashboardPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ export function DashboardOverview() {
{/* Header */}
<div className="flex flex-col gap-2">
<div className="flex items-center gap-2">
<div className="h-8 w-1 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
<div className="h-8 w-1 bg-gradient-to-b from-emerald-800 to-emerald-800 rounded-full" />
<h1 className="text-3xl font-bold tracking-tight">
Dashboard Overview
</h1>
Expand All @@ -66,7 +66,7 @@ export function DashboardOverview() {
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{/* Wallet Information Card */}
<Card className="overflow-hidden border-border shadow-sm hover:shadow-md transition-shadow">
<div className="h-1 bg-gradient-to-r from-emerald-500 to-teal-500" />
<div className="h-1 bg-gradient-to-r from-emerald-800 to-emerald-800" />
<CardHeader className="pb-3">
<CardTitle className="text-lg flex items-center gap-2">
<div className="bg-emerald-100 rounded-full p-2">
Expand Down Expand Up @@ -125,11 +125,11 @@ export function DashboardOverview() {

{/* User Profile Card */}
<Card className="overflow-hidden border-border shadow-sm hover:shadow-md transition-shadow">
<div className="h-1 bg-gradient-to-r from-teal-500 to-emerald-500" />
<div className="h-1 bg-gradient-to-r from-emerald-800 to-emerald-800" />
<CardHeader className="pb-3">
<CardTitle className="text-lg flex items-center gap-2">
<div className="bg-teal-100 rounded-full p-2">
<User className="h-5 w-5 text-teal-600" />
<div className="bg-emerald-100 rounded-full p-2">
<User className="h-5 w-5 text-emerald-600" />
</div>
User Profile
</CardTitle>
Expand Down Expand Up @@ -193,7 +193,7 @@ export function DashboardOverview() {

{/* Activity Summary Card */}
<Card className="overflow-hidden border-border shadow-sm hover:shadow-md transition-shadow">
<div className="h-1 bg-gradient-to-r from-emerald-500 to-teal-500" />
<div className="h-1 bg-gradient-to-r from-emerald-800 to-emerald-800" />
<CardHeader className="pb-3">
<CardTitle className="text-lg flex items-center gap-2">
<div className="bg-emerald-100 rounded-full p-2">
Expand All @@ -216,7 +216,7 @@ export function DashboardOverview() {
</div>
</div>

<div className="bg-gradient-to-br from-emerald-50 to-teal-50 dark:from-emerald-950/30 dark:to-teal-950/30 rounded-lg p-4">
<div className="bg-gradient-to-br from-emerald-50 to-emerald-50 dark:from-emerald-950/30 dark:to-emerald-950/30 rounded-lg p-4">
<div className="flex items-center justify-between mb-2">
<span className="text-sm font-medium">Chat Activity</span>
<Badge
Expand All @@ -234,7 +234,7 @@ export function DashboardOverview() {

<div className="grid grid-cols-2 gap-3 pt-2">
<div className="text-center">
<p className="text-lg font-bold text-teal-600">
<p className="text-lg font-bold text-emerald-600">
{chatCount > 0 ? "100%" : "0%"}
</p>
<p className="text-xs text-muted-foreground">Engagement</p>
Expand Down Expand Up @@ -263,7 +263,7 @@ export function DashboardOverview() {
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<div className="flex items-center gap-3">
<div
className={`w-3 h-3 rounded-full ${address ? "bg-emerald-500" : "bg-amber-500"}`}
className={`w-3 h-3 rounded-full ${address ? "bg-emerald-800" : "bg-amber-500"}`}
/>
<div>
<p className="font-medium">Wallet Connection</p>
Expand All @@ -275,7 +275,7 @@ export function DashboardOverview() {

<div className="flex items-center gap-3">
<div
className={`w-3 h-3 rounded-full ${profile ? "bg-emerald-500" : "bg-amber-500"}`}
className={`w-3 h-3 rounded-full ${profile ? "bg-emerald-800" : "bg-amber-500"}`}
/>
<div>
<p className="font-medium">Profile Setup</p>
Expand All @@ -289,7 +289,7 @@ export function DashboardOverview() {

<div className="flex items-center gap-3">
<div
className={`w-3 h-3 rounded-full ${chatCount > 0 ? "bg-emerald-500" : "bg-gray-400"}`}
className={`w-3 h-3 rounded-full ${chatCount > 0 ? "bg-emerald-800" : "bg-gray-400"}`}
/>
<div>
<p className="font-medium">Platform Activity</p>
Expand Down
4 changes: 2 additions & 2 deletions src/components/modules/dashboard/ui/pages/background/GradientBackground.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,8 @@ export function GradientBackground({
children,
className,
opacity = 30,
primaryColor = "bg-emerald-500",
secondaryColor = "bg-teal-700",
primaryColor = "bg-emerald-800",
secondaryColor = "bg-emerald-800",
primaryPosition = "-top-40 -right-40",
secondaryPosition = "top-1/2 -left-40",
primarySize = "w-80 h-80",
Expand Down
2 changes: 1 addition & 1 deletion src/components/modules/escrows/ui/pages/dashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export function Loans() {
{/* Nuevo Header con texto anterior */}
<div className="flex flex-col gap-2 p-4 pb-0">
<div className="flex items-center gap-2">
<div className="h-8 w-1 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
<div className="h-8 w-1 bg-gradient-to-b from-emerald-800 to-emerald-800 rounded-full" />
<h1 className="text-3xl font-bold tracking-tight">Loans</h1>
</div>
<p className="text-muted-foreground pl-3 border-l-2 border-muted">
Expand Down
16 changes: 8 additions & 8 deletions src/components/modules/marketplace/ui/pages/MarketplacePage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ export function MarketplacePage() {
{/* Header */}
<div className="flex flex-col gap-2">
<div className="flex items-center gap-2">
<div className="h-6 md:h-8 w-1 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
<div className="h-6 md:h-8 w-1 bg-gradient-to-b from-emerald-800 to-emerald-800 rounded-full" />
<h1 className="text-2xl md:text-3xl font-bold tracking-tight">
Marketplace
</h1>
Expand All @@ -80,7 +80,7 @@ export function MarketplacePage() {
</div>
<Button
onClick={toggleForm}
className="bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white gap-2 w-full sm:w-auto"
className="bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white gap-2 w-full sm:w-auto"
>
<Plus className="h-4 w-4" />
{showForm ? "Cancel" : "Offer Loan"}
Expand All @@ -91,7 +91,7 @@ export function MarketplacePage() {
<CardContent className="space-y-6">
{/* Loan Creation Form */}
{showForm && (
<Card className="bg-gradient-to-br from-emerald-50 to-teal-50 dark:from-emerald-950/30 dark:to-teal-950/30 border-emerald-100 dark:border-emerald-900/50 mx-4 md:mx-0">
<Card className="bg-gradient-to-br from-emerald-50 to-emerald-50 dark:from-emerald-950/30 dark:to-emerald-950/30 border-emerald-100 dark:border-emerald-900/50 mx-4 md:mx-0">
<CardHeader className="pb-3 px-4 md:px-6">
<CardTitle className="text-base md:text-lg flex items-center gap-2">
<Plus className="h-4 md:h-5 w-4 md:w-5 text-emerald-600" />
Expand Down Expand Up @@ -157,7 +157,7 @@ export function MarketplacePage() {
<div className="flex justify-end pt-2">
<Button
onClick={addLoan}
className="bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white w-full sm:w-auto"
className="bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white w-full sm:w-auto"
>
Create Offer
</Button>
Expand All @@ -173,7 +173,7 @@ export function MarketplacePage() {
key={loan.id}
className="overflow-hidden border-border shadow-sm hover:shadow-md transition-all duration-200 hover:-translate-y-1"
>
<div className="h-1 bg-gradient-to-r from-emerald-400 to-teal-400" />
<div className="h-1 bg-gradient-to-r from-emerald-400 to-emerald-400" />
<CardHeader className="pb-3 px-4 md:px-6">
<div className="flex items-center justify-between">
<CardTitle className="text-base md:text-lg flex items-center gap-2">
Expand All @@ -187,7 +187,7 @@ export function MarketplacePage() {
<span className="text-xl md:text-2xl font-bold text-emerald-600">
{formatCurrency(loan.amount)}
</span>
<span className="text-base md:text-lg font-semibold text-teal-600">
<span className="text-base md:text-lg font-semibold text-emerald-600">
{loan.interestRate}%
</span>
</div>
Expand Down Expand Up @@ -232,7 +232,7 @@ export function MarketplacePage() {
</div>
<Button
size="sm"
className="w-full bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white gap-2 h-9"
className="w-full bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white gap-2 h-9"
disabled={loan.status !== "available"}
>
{loan.status === "available" ? (
Expand Down Expand Up @@ -265,7 +265,7 @@ export function MarketplacePage() {
</p>
<Button
onClick={() => toggleForm()}
className="bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white w-full sm:w-auto"
className="bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white w-full sm:w-auto"
>
Create First Offer
</Button>
Expand Down