feat: feature/mvp-sprint-1 Added more spacing options

Browse Source
This commit is contained in:
Nikolaj Frey 2023-08-18 21:53:20 +10:00
parent b69bf81429
commit ca5b8dee0d
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
remix/app/Providers/Chakra/space.tsx Normal file
View File

@ -0,0 +1,10 @@
const spaceObj = {}
const start = 0
const end = 9999
for (let i = start; i <= end; i++) {
spaceObj[i] = `${i * 0.25}rem`
}
export const space = spaceObj

2
remix/app/Providers/Chakra/theme.tsx
View File

@ -10,10 +10,12 @@ import {
} from "@chakra-ui/react" } from "@chakra-ui/react"
import { colors } from "./colors" import { colors } from "./colors"
import { space } from "./space"
export const theme = extendTheme({ export const theme = extendTheme({
colors, colors,
// edit Input defaultProps // edit Input defaultProps
space,
styles: { styles: {
global: { global: {
// make all elements padding and margin animate // make all elements padding and margin animate

6
remix/app/components/Thingtime/ThingtimeURL.tsx
View File

@ -99,7 +99,7 @@ export const ThingtimeURL = (props) => {
// position="sticky" // position="sticky"
// top={200} // top={200}
// alignSelf="flex-start" // alignSelf="flex-start"
// overflow="scroll" overflow="scroll"
width="600px" width="600px"
// width="100%" // width="100%"
maxHeight="100vh" maxHeight="100vh"
@ -109,7 +109,7 @@ export const ThingtimeURL = (props) => {
path={path} path={path}
thing={thing} thing={thing}
render render
chakras={{ marginY: 200 }} chakras={{ marginY: "200px" }}
width="600px" width="600px"
></Thingtime> ></Thingtime>
</Box> </Box>
@ -118,7 +118,7 @@ export const ThingtimeURL = (props) => {
edit={inEditMode} edit={inEditMode}
path={path} path={path}
thing={thing} thing={thing}
chakras={{ marginY: 200 }} chakras={{ marginY: "200px" }}
width="600px" width="600px"
></Thingtime> ></Thingtime>
</Flex> </Flex>