Merge pull request #3854 from tylershuster/tile-padding

launch: fixes tile padding
This commit is contained in:
matildepark 2020-11-02 15:13:06 -05:00 committed by GitHub
commit 9411133bfe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,5 +1,6 @@
import React from 'react';
import Helmet from 'react-helmet';
import styled from 'styled-components';
import { Box, Row, Icon, Text, Center } from '@tlon/indigo-react';
import { uxToHex, adjustHex } from '~/logic/lib/util';
@ -12,6 +13,14 @@ import Tile from './components/tiles/tile';
import Welcome from './components/welcome';
import Groups from './components/Groups';
const ScrollbarLessBox = styled(Box)`
scrollbar-width: none !important;
::-webkit-scrollbar {
display: none;
}
`;
export default class LaunchApp extends React.Component {
componentDidMount() {
// preload spinner asset
@ -32,10 +41,10 @@ export default class LaunchApp extends React.Component {
<Helmet>
<title>OS1 - Home</title>
</Helmet>
<Box height='100%' overflowY='scroll'>
<ScrollbarLessBox height='100%' overflowY='scroll'>
<Welcome firstTime={props.launch.firstTime} api={props.api} />
<Box
ml='2'
mx='2'
display='grid'
gridTemplateColumns='repeat(auto-fill, minmax(128px, 1fr))'
gridGap={3}
@ -77,7 +86,7 @@ export default class LaunchApp extends React.Component {
<Box display={["none", "block"]} width="100%" gridColumn="1 / -1"></Box>
<Groups groups={props.groups} associations={props.associations} invites={props.invites} api={props.api}/>
</Box>
</Box>
</ScrollbarLessBox>
<Box
position="absolute"
fontFamily="mono"