mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): allow style overrides on primary and secondary buttons

Browse Source
This commit is contained in:
mawkone
2026-06-14 14:44:58 -07:00
parent 6e0620ea7d
commit 6578a45332
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
vibn-frontend/components/project/dashboard-ui.tsx
View File

@@ -291,6 +291,7 @@ type BtnProps = {
type?: "button" | "submit"; type?: "button" | "submit";
disabled?: boolean; disabled?: boolean;
danger?: boolean; danger?: boolean;
style?: React.CSSProperties;
}; };
const btnBase: React.CSSProperties = { const btnBase: React.CSSProperties = {
@@ -313,6 +314,7 @@ export function PrimaryButton({
onClick, onClick,
type = "button", type = "button",
disabled, disabled,
style,
}: BtnProps) { }: BtnProps) {
const [hover, setHover] = useState(false); const [hover, setHover] = useState(false);
return ( return (
@@ -328,6 +330,7 @@ export function PrimaryButton({
color: THEME.accentText, color: THEME.accentText,
border: `1px solid ${hover ? THEME.accentHover : THEME.accent}`, border: `1px solid ${hover ? THEME.accentHover : THEME.accent}`,
opacity: disabled ? 0.5 : 1, opacity: disabled ? 0.5 : 1,
...style,
}} }}
> >
{icon} {icon}
@@ -343,6 +346,7 @@ export function SecondaryButton({
type = "button", type = "button",
disabled, disabled,
danger, danger,
style,
}: BtnProps) { }: BtnProps) {
const [hover, setHover] = useState(false); const [hover, setHover] = useState(false);
const color = danger ? THEME.danger : THEME.ink; const color = danger ? THEME.danger : THEME.ink;
@@ -364,6 +368,7 @@ export function SecondaryButton({
color, color,
border: `1px solid ${borderColor}`, border: `1px solid ${borderColor}`,
opacity: disabled ? 0.5 : 1, opacity: disabled ? 0.5 : 1,
...style,
}} }}
> >
{icon} {icon}