mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-11 23:26:30 +08:00
fix: landing page style & duplicate contact us
This commit is contained in:
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user