fix: footer buttons
All checks were successful
Release to Staging / build_and_release (push) Successful in 57s

center text within buttons, buttons container centered, add links to docs and source
This commit is contained in:
enes 2024-08-02 17:47:21 +02:00
parent c29bdd59ae
commit e280e87342
2 changed files with 13 additions and 18 deletions

View File

@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
import styles from './style.module.scss' import styles from './style.module.scss'
import { Container } from '../Container' import { Container } from '../Container'
import nostrImage from '../../assets/images/nostr.gif' import nostrImage from '../../assets/images/nostr.gif'
import { appPublicRoutes } from '../../routes'
export const Footer = () => ( export const Footer = () => (
<footer className={`${styles.borderTop} ${styles.footer}`}> <footer className={`${styles.borderTop} ${styles.footer}`}>
@ -16,7 +17,7 @@ export const Footer = () => (
sx={{ sx={{
gridTemplateColumns: { gridTemplateColumns: {
xs: '1fr', xs: '1fr',
md: '0.5fr 1.75fr 0.75fr' md: '0.5fr 2fr 0.5fr'
}, },
alignItems: { alignItems: {
xs: 'center', xs: 'center',
@ -61,10 +62,7 @@ export const Footer = () => (
> >
<Button <Button
sx={{ sx={{
justifyContent: { justifyContent: 'center'
xs: 'center',
sm: 'start'
}
}} }}
component={Link} component={Link}
to={'/'} to={'/'}
@ -74,26 +72,22 @@ export const Footer = () => (
</Button> </Button>
<Button <Button
sx={{ sx={{
justifyContent: { justifyContent: 'center'
xs: 'center',
sm: 'start'
}
}} }}
component={Link} component={LinkMui}
to={'/#'} href={appPublicRoutes.docs}
target="_blank"
variant={'text'} variant={'text'}
> >
Documentation Documentation
</Button> </Button>
<Button <Button
sx={{ sx={{
justifyContent: { justifyContent: 'center'
xs: 'center',
sm: 'start'
}
}} }}
component={Link} component={LinkMui}
to={'/#'} href={appPublicRoutes.source}
target="_blank"
variant={'text'} variant={'text'}
> >
Source Source

View File

@ -32,7 +32,8 @@ export const appPublicRoutes = {
register: '/login/register', register: '/login/register',
nostr: '/login/nostr', nostr: '/login/nostr',
verify: '/verify', verify: '/verify',
source: 'https://git.sigit.io/sig/it' source: 'https://git.sigit.io/sig/it',
docs: 'https://docs.sigit.io'
} }
export const getProfileRoute = (hexKey: string) => export const getProfileRoute = (hexKey: string) =>