All files / app/pages/settings/components settings-layout.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Screen } from '@components/screen';
import { Box, Text } from '@stacks/ui';
import React, { FC } from 'react';
 
export const SettingsLayout: FC = ({ children }) => (
  <Screen>
    <Box mt="68px" pb="84px">
      <Text as="h1" textStyle="display.large" fontSize="32px" display="block">
        Settings
      </Text>
      {children}
    </Box>
  </Screen>
);
 
export const SettingDescription: FC = ({ children }) => (
  <Text as="h3" textStyle="body.large" mt="tight" display="block">
    {children}
  </Text>
);