generated from lucien/actix-react-template
modifié : front/src/components/ClickableLink.tsx
modifié : front/src/components/LogoButton.tsx modifié : front/src/components/NavBar.tsx front/src/components/RoundButton.tsx
This commit is contained in:
parent
36dae30b4e
commit
2317a3683e
3 changed files with 33 additions and 18 deletions
|
@ -1,11 +1,25 @@
|
|||
function Link ({text}){
|
||||
return(
|
||||
<button className="LinkNavbar">{text}</button>
|
||||
)
|
||||
}
|
||||
|
||||
export default function ClickableLink({url, text}) {
|
||||
return (<div>
|
||||
<a href={url}><Link text={text} /></a>
|
||||
<a href={url}><button style={{
|
||||
backgroundColor: "transparent",
|
||||
borderRadius: '8px',
|
||||
borderWidth: '0',
|
||||
cursor: 'pointer',
|
||||
display: 'inline-block',
|
||||
fontFamily: '"Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif',
|
||||
fontSize: '18px',
|
||||
fontWeight: '0',
|
||||
lineHeight: '20px',
|
||||
listStyle: 'none',
|
||||
margin: '0',
|
||||
padding: '10px 12px',
|
||||
textAlign: 'center',
|
||||
transition: 'all 200ms',
|
||||
verticalAlign: 'baseline',
|
||||
whiteSpace: 'nowrap',
|
||||
userSelect: 'none',
|
||||
WebkitUserSelect: 'none',
|
||||
touchAction: 'manipulation',
|
||||
}} className="LinkNavbar">{text}</button></a>
|
||||
</div>)
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue