mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-01-22 20:58:01 -05:00
* feature: First pass at Container Queries
`react-container-query` used to emulate 'media' queries based on container widths. Needs more thought on how to handle layouts for multiple devices. Min / Max widths for sections probs a good idea.
Added in an 'Edit' button to toggle editing the layout.
Added mostly static chakra elements to each of the sections to prototype the above Container Queries. I know it is not pretty, but TypeScript and I wanted to prototype it without stalling. I *will* split them out into components but would be good to perhaps pair up with you for this when you're available @vidvidvid. 🙏
* feature: Calendar UI elements (First pass)
Added in chakra popovers for event details.
Again, this is just chakra elements to be pulled out as templates for components.
* feat: better styling on the popovers & transitions on cal container queries
* feature: Improving responsiveness
55 lines
1.5 KiB
JSON
55 lines
1.5 KiB
JSON
{
|
|
"name": "@metafam/web",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "concurrently \"next\" \"yarn generate --watch\"",
|
|
"build": "next build",
|
|
"start": "next start",
|
|
"typecheck": "tsc",
|
|
"precommit": "yarn lint-staged",
|
|
"generate": "graphql-codegen --config=codegen.yml",
|
|
"prepare": "yarn generate"
|
|
},
|
|
"dependencies": {
|
|
"@3id/connect": "0.2.3",
|
|
"@ceramicnetwork/3id-did-resolver": "1.4.3",
|
|
"@ceramicnetwork/http-client": "1.0.7",
|
|
"@ceramicnetwork/stream-caip10-link": "1.1.5",
|
|
"@ceramicstudio/idx": "0.12.2",
|
|
"@metafam/ds": "0.1.0",
|
|
"@metafam/utils": "1.0.0",
|
|
"@types/react": "17.0.6",
|
|
"@types/react-grid-layout": "^1.1.3",
|
|
"@urql/exchange-retry": "0.2.1",
|
|
"@walletconnect/web3-provider": "1.5.2",
|
|
"classnames": "^2.3.1",
|
|
"copy-to-clipboard": "3.3.1",
|
|
"dids": "2.4.0",
|
|
"ethers": "5.4.3",
|
|
"fake-tag": "3.0.0",
|
|
"graphql": "15.5.0",
|
|
"isomorphic-unfetch": "3.1.0",
|
|
"moment": "2.29.1",
|
|
"next": "10.2.3",
|
|
"next-images": "1.7.0",
|
|
"next-transpile-modules": "7.2.0",
|
|
"next-urql": "3.1.0",
|
|
"node-fetch": "2.6.1",
|
|
"opensea-js": "1.1.11",
|
|
"react": "16.14.0",
|
|
"react-container-query": "^0.12.0",
|
|
"react-dom": "16.14.0",
|
|
"react-grid-layout": "^1.3.0",
|
|
"react-hook-form": "6.15.5",
|
|
"react-icons": "4.2.0",
|
|
"react-is": "16.13.1",
|
|
"react-qr-svg": "2.3.0",
|
|
"react-resizable": "^3.0.4",
|
|
"urql": "2.0.2",
|
|
"web3modal": "1.9.4"
|
|
},
|
|
"devDependencies": {},
|
|
"resolutions": {}
|
|
}
|