mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-08 13:38:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add edit button to edit the bio

Browse source
This commit is contained in:
luisa.bellitto 2025-06-21 20:16:36 +02:00 • committed by Rudi Regentonne
parent 69d866e2b6
commit 59357e92fe
4 changed files with 47 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

18
code/frontend/src/components/ButtonPrimary.tsx Normal file
View file

@ -0,0 +1,18 @@
import "./buttonPrimary.css";
interface ButtonPrimaryProps {
value: string;
onClick?: () => void;
}
export default function ButtonPrimary({ value, onClick }: ButtonPrimaryProps) {
return (
<button
type="submit"
className="login-button body-m"
onClick={onClick}
>
{value}
</button>
);
}

26
code/frontend/src/components/buttonPrimary.css Normal file
View file

@ -0,0 +1,26 @@
.login-button {
display: inline-flex;
padding: auto;
justify-content: center;
align-items: center;
cursor: pointer;
padding-left: 1rem;
padding-right: 1rem;
width: fit-content;
margin: 1rem;
border-radius: 10px;
border: 2px solid var(--Rotkehlchen-orange-default);
background: var(--Rotkehlchen-yellow-default);
}
.login-button:hover {
border-radius: 10px;
border: 2px solid var(--Rotkehlchen-orange-default);
background: var(--Rotkehlchen-yellow-hover);
}
.login-button:active {
border-radius: 10px;
border: 2px solid var(--Rotkehlchen-orange-default);
background: var(--Rotkehlchen-orange-default);
}