fix: landing page style & duplicate contact us

This commit is contained in:
alt0
2022-09-09 15:00:24 +08:00
parent c1e1f0b0b9
commit a26ff35a7b
3 changed files with 9 additions and 36 deletions
@@ -7,7 +7,7 @@ import { useMediaQuery } from '@mui/material';
const Alternatives = styled(Box)<{ width: string }>(({ width }) => ({
position: 'relative',
width: '20em',
width: '24em',
height: '128px',
transform: 'translateY(-8px)',
overflowY: 'hidden',
@@ -21,7 +21,7 @@ const Alternatives = styled(Box)<{ width: string }>(({ width }) => ({
height: 'inherit',
position: 'absolute',
left: '0',
top: '0',
top: '-23px',
paddingTop: '22px',
lineHeight: '96px',
'@media (max-width: 1024px)': {
@@ -105,7 +105,7 @@ export const AlternativesProduct = () => {
)}
>
<Typography
fontSize="64px"
fontSize="96px"
fontWeight={900}
sx={{
color: '#06449d',
@@ -135,7 +135,7 @@ export const AlternativesProduct = () => {
}}
>
<Typography
fontSize="64px"
fontSize="96px"
fontWeight={900}
sx={{
color: '#06449d',
+4 -4
View File
@@ -64,7 +64,7 @@ export function IndexPage() {
return (
<>
<AFFiNEHeader />
<Grid xs={12} sx={{ display: 'flex', marginTop: '12vh!important' }}>
<Grid xs={12} sx={{ display: 'flex', marginTop: '20vh!important' }}>
<Box
sx={{
display: 'inline-flex',
@@ -76,7 +76,7 @@ export function IndexPage() {
}}
>
<Typography
fontSize="64px"
fontSize="96px"
fontWeight={900}
sx={{
marginRight: '0.25em',
@@ -89,7 +89,7 @@ export function IndexPage() {
{t('Open Source')},
</Typography>
<Typography
fontSize="64px"
fontSize="96px"
fontWeight={900}
sx={{
'@media (max-width: 1024px)': {
@@ -120,7 +120,7 @@ export function IndexPage() {
>
<AlternativesProduct />
<Typography
fontSize="64px"
fontSize="96px"
fontWeight={900}
sx={{
color: '#06449d',
+1 -28
View File
@@ -139,34 +139,6 @@ export const AFFiNEHeader = () => {
window.open(href);
}}
/>
<HoverMenu
title={t('ContactUs')}
options={[
{
title: 'Discord',
value: 'https://discord.gg/Arn7TqJBvG',
},
{
title: 'Telegram',
value: 'https://t.me/affineworkos',
},
{
title: 'Reddit',
value: 'https://www.reddit.com/r/Affine/',
},
{
title: 'Medium',
value: 'https://medium.com/@affineworkos',
},
{
title: 'Email',
value: 'mailto:contact@toeverything.info',
},
]}
onSelect={href => {
window.open(href);
}}
/>
<Select
defaultValue="en"
sx={{ display: matchesIPAD ? 'none' : 'intial' }}
@@ -192,6 +164,7 @@ const Container = styled(Grid)({
transform: 'translateX(-50%)',
width: '100%',
paddingTop: '1em',
paddingBottom: '1em',
backgroundColor: '#fff',
zIndex: 1500,
maxWidth: '1440px',