fix: footer buttons
All checks were successful
Release to Staging / build_and_release (push) Successful in 57s
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:
parent
c29bdd59ae
commit
e280e87342
@ -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
|
||||||
|
@ -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) =>
|
||||||
|
Loading…
Reference in New Issue
Block a user