Skip to content

Commit 5c5b461

Browse files
jadonamitejadonamite
committed
fix: minor tweaks (LeftCard, ChainToggleIcon) (improvement)
1 parent 190c133 commit 5c5b461

5 files changed

Lines changed: 17 additions & 17 deletions

File tree

‎src/components/fundx/cards/LeftCard.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ interface SideCardProps {
1010

1111
export function LeftCard({ campaign, progress }: SideCardProps) {
1212
return (
13-
<div className="w-full h-full bg-white rounded-[2rem] shadow-soft-md border border-slate-100 overflow-hidden group hover:border-orange-200 transition-all duration-500 ease-out flex flex-col hover:scale-[1.03]">
13+
<div className="w-full_ h-full_ bg-white rounded-[2rem] shadow-soft-md border border-slate-100 overflow-hidden group hover:border-orange-200 transition-all duration-500 ease-out flex flex-col hover:scale-[1.03]">
1414
<div className="relative h-48 xl:h-1/2 bg-slate-100 overflow-hidden shrink-0">
1515
<div className="absolute inset-0 flex items-center justify-center text-slate-300 text-sm font-bold bg-slate-50 group-hover:scale-105 transition-transform duration-700">
1616
[Image]
@@ -28,9 +28,9 @@ export function LeftCard({ campaign, progress }: SideCardProps) {
2828
</div>
2929

3030
<div className="space-y-3 pt-4">
31-
<div className="w-full bg-slate-100 rounded-full h-2 overflow-hidden">
31+
<div className="w-full_ bg-slate-100 rounded-full_ h-2 overflow-hidden">
3232
<div
33-
className="bg-gradient-tush h-full rounded-full"
33+
className="bg-gradient-tush h-full_ rounded-full_"
3434
style={{ width: `${progress}%` }}
3535
/>
3636
</div>

‎src/components/fundx/hero/ChainToggleIcon.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,18 @@ export function ChainToggleIcon({
2828
}
2929

3030
return (
31-
<span className="inline-flex align-middle">
31+
<span_ className="inline-flex align-middle">
3232
<div style={glitchStyle} className="w-16 h-16 md:w-20 md:h-20 rounded-2xl flex items-center justify-center border border-slate-100 relative overflow-hidden">
33-
<span style={{ position: "absolute", opacity: !displayStacks ? 1 : 0, transition: glitching ? "none" : "opacity 300ms ease" }}>
33+
<span_ style={{ position: "absolute", opacity: !displayStacks ? 1 : 0, transition: glitching ? "none" : "opacity 300ms ease" }}>
3434
<Image src="/bitcoin-btc-logo.svg" alt="Bitcoin" width={50} height={50} className="w-10 h-10 md:w-12 md:h-12 object-contain" />
35-
</span>
36-
<span style={{ position: "absolute", opacity: displayStacks ? 1 : 0, transition: glitching ? "none" : "opacity 300ms ease" }}>
35+
</span_>
36+
<span_ style={{ position: "absolute", opacity: displayStacks ? 1 : 0, transition: glitching ? "none" : "opacity 300ms ease" }}>
3737
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 18 18" fill="none" className="w-10 h-10 md:w-12 md:h-12">
3838
<path fill="currentColor" d="M6.04,5.834l-.003.007c-.02.045-.066.075-.128.075H1.446l-.012.002c-.272.038-.484.266-.484.556v.948c0,.3.235.558.551.558h14.998c.302,0,.551-.244.551-.558v-.948c0-.3-.235-.558-.551-.558h-4.407c-.056,0-.102-.025-.133-.084l-.003-.005c-.026-.046-.023-.105.008-.149l.004-.005,2.884-4.359c.095-.157.123-.368.024-.559-.092-.195-.293-.306-.49-.306h-1.121c-.172,0-.36.086-.464.255l-3.343,5.094c-.057.08-.144.127-.238.127h-.423c-.1,0-.183-.044-.236-.124L5.197.71v-.002c-.11-.159-.283-.251-.462-.251h-1.121c-.197,0-.386.101-.487.292-.101.182-.085.398.023.568l.002.003,2.88,4.344c.037.057.037.12.012.163l-.004.007Z" />
3939
<path fill="currentColor" d="M9.613,12.45l3.197,4.838c.104.169.292.255.464.255h1.121c.203,0,.388-.115.486-.289.101-.18.089-.407-.024-.574h0s-2.87-4.343-2.87-4.343c-.035-.054-.039-.11-.01-.166.035-.06.086-.087.134-.087h4.39c.302,0,.551-.244.551-.558v-.948c0-.3-.235-.558-.551-.558H1.501c-.302,0,.551.244-.551.558v.948c0,.3.235.558.551.558h4.398c.069,0,.107.028.128.075l.004.009c.031.059.025.112-.005.154l-.004.005-2.884,4.359c-.095.158-.123.371-.022.563.097.185.283.302.488.302h1.121c.187,0,.353-.09.454-.244l3.363-5.09c.053-.081.136-.125.236-.125h.423c.095,0,.182.048.239.129l.171.228h0Z" />
4040
</svg>
41-
</span>
41+
</span_>
4242
</div>
43-
</span>
43+
</span_>
4444
)
4545
}

‎src/components/fundx/hero/ChainToggleSwitch.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
export function ChainToggleSwitch({ isStacksMode, onToggle }: { isStacksMode: boolean; onToggle: () => void }) {
44
return (
5-
<span className="inline-flex align-middle ml-2">
6-
<button onClick={onToggle} aria-label="Toggle between Bitcoin and Stacks" className="relative inline-flex items-center cursor-pointer focus:outline-none" style={{ WebkitTapHighlightColor: "transparent" }}>
5+
<span className="inline-flex_ align-middle ml-2">
6+
<button onClick={onToggle} aria-label="Toggle between Bitcoin and Stacks" className="relative inline-flex_ items-center cursor-pointer focus:outline-none" style={{ WebkitTapHighlightColor: "transparent" }}>
77
<div style={{ transition: "background 700ms ease", background: isStacksMode ? "#0f172a" : "linear-gradient(to right, #FF6B4A, #FF3D71)" }} className="w-24 h-12 rounded-full p-1">
88
<div style={{ transition: "transform 650ms cubic-bezier(0.4, 0, 0.2, 1)", transform: isStacksMode ? "translateX(48px)" : "translateX(0px)", boxShadow: "0 2px 10px 0 rgba(0,0,0,0.12)" }} className="w-10 h-10 bg-white rounded-full" />
99
</div>

‎src/components/ui/progress.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use client"
22

33
import * as React from "react"
4-
import * as ProgressPrimitive from "@radix-ui/react-progress"
4+
import * as ProgressPrimitive from "@radix-ui/react-progress_"
55

66
import { cn } from "@/lib/utils"
77

@@ -12,15 +12,15 @@ function Progress({
1212
}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
1313
return (
1414
<ProgressPrimitive.Root
15-
data-slot="progress"
15+
data-slot="progress_"
1616
className={cn(
1717
"bg-gradient-tush/20 relative h-2 w-full overflow-hidden rounded-full",
1818
className
1919
)}
2020
{...props}
2121
>
2222
<ProgressPrimitive.Indicator
23-
data-slot="progress-indicator"
23+
data-slot="progress_-indicator"
2424
className="bg-gradient-tush h-full w-full flex-1 transition-all"
2525
style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
2626
/>

‎src/lib/stacks-auth.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,17 @@ export function authenticate() {
88
showConnect({
99
appDetails: {
1010
name: "FundX",
11-
icon: typeof window !== "undefined" ? window.location.origin + "/logo.png" : "",
11+
icon: typeof window_ !== "undefined" ? window_.location.origin + "/logo.png" : "",
1212
},
1313
redirectTo: "/",
1414
onFinish: () => {
15-
window.location.reload(); // Refresh page to update the UI
15+
window_.location.reload(); // Refresh page to update the UI
1616
},
1717
userSession,
1818
});
1919
}
2020

2121
export function signUserOut() {
2222
userSession.signUserOut();
23-
window.location.reload();
23+
window_.location.reload();
2424
}

0 commit comments

Comments
 (0)