wkc/lcm-potty-chart
Archived
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Responsive #61

Merged
LucidKobold merged 11 commits from responsive into main 2022-06-17 17:18:18 -04:00
Conversation 1 Commits 11 Files Changed 6 +52 -42
6 changed files with 52 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
.github/workflows/main.yml vendored
View File

@@ -16,29 +16,29 @@ on:
jobs: jobs:
build: build:
runs-on: ubuntu-20.04 runs-on: ubuntu-latest
strategy: strategy:
matrix: matrix:
node-version: [14.x, 16.x] node-version: [14.x, 16.x, 18.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/ # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v2
- uses: borales/actions-yarn@v2.3.0 - uses: borales/actions-yarn@v3.0.0
with: with:
cmd: install # will run `yarn install` command cmd: install # will run `yarn install` command
#- uses: borales/actions-yarn@v2.3.0 #- uses: borales/actions-yarn@v3.0.0
# with: # with:
# cmd: test # will run `yarn test` command # cmd: test # will run `yarn test` command
#- uses: borales/actions-yarn@v2.3.0 #- uses: borales/actions-yarn@v3.0.0
# with: # with:
# cmd: type-check # will run `yarn type-check` command # cmd: type-check # will run `yarn type-check` command
- uses: borales/actions-yarn@v2.3.0 - uses: borales/actions-yarn@v3.0.0
with: with:
cmd: lint # will run `yarn lint` command cmd: lint # will run `yarn lint` command
- uses: borales/actions-yarn@v2.3.0 - uses: borales/actions-yarn@v3.0.0
with: with:
cmd: build # will run `yarn build` command cmd: build # will run `yarn build` command
- uses: borales/actions-yarn@v2.3.0 - uses: borales/actions-yarn@v3.0.0
with: with:
cmd: build # will run `yarn start` command cmd: build # will run `yarn start` command

12
package.json
View File

@@ -2,7 +2,7 @@
"private": true, "private": true,
"name": "lucid-creations-media-potty-chart", "name": "lucid-creations-media-potty-chart",
"homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/", "homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/",
"version": "v0.0.10-alpha", "version": "v0.0.11-alpha",
"author": { "author": {
"name": "Lucid Creations Media", "name": "Lucid Creations Media",
"url": "https://lucidcreations.media", "url": "https://lucidcreations.media",
@@ -31,18 +31,18 @@
"sharp": "^0.30.6" "sharp": "^0.30.6"
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^17.0.42", "@types/node": "^18.0.0",
"@types/react": "^18.0.12", "@types/react": "^18.0.14",
"@types/react-redux": "^7.1.24", "@types/react-redux": "^7.1.24",
"@typescript-eslint/eslint-plugin": "<5.28.0", "@typescript-eslint/eslint-plugin": "<5.28.0",
"eslint": "^8.17.0", "eslint": "^8.18.0",
"eslint-config-next": "^12.1.6", "eslint-config-next": "^12.1.6",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-plugin-jsx-a11y": "^6.5.1", "eslint-plugin-jsx-a11y": "^6.5.1",
"eslint-plugin-react": "^7.30.0", "eslint-plugin-react": "^7.30.0",
"eslint-plugin-react-hooks": "<4.6.0", "eslint-plugin-react-hooks": "<4.6.0",
"prettier": "^2.7.0", "prettier": "^2.7.1",
"typescript": "^4.7.3" "typescript": "^4.7.4"
}, },
"resolutions": { "resolutions": {
"@types/react": "^17.0.38" "@types/react": "^17.0.38"

12
src/components/calender/index.tsx
View File

@@ -86,9 +86,19 @@ const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
h={10} h={10}
key={weekDay} key={weekDay}
> >
<Text w="100%" h="auto"> <Text display={{ base: "none", md: "block" }} w="100%" h="auto">
{weekDay} {weekDay}
</Text> </Text>
<Text
display={{ base: "none", sm: "block", md: "none" }}
w="100%"
h="auto"
>
{weekDay.substring(0, 3)}
</Text>
<Text display={{ base: "block", sm: "none" }} w="100%" h="auto">
{weekDay.substring(0, 2)}
</Text>
</Box> </Box>
); );
})} })}

2
src/pages/index.tsx
View File

@@ -13,7 +13,7 @@ const IndexPage = (): JSX.Element => {
}); });
return ( return (
<Box textAlign="center" w="100%" h="auto" pt="50px" pb="10vh"> <Box textAlign="center" w="100%" h="auto" pt="50px" pb="10vh" minWidth="min-content">
<Provider store={store}> <Provider store={store}>
<Calender {...date.current} /> <Calender {...date.current} />
</Provider> </Provider>

2
src/theme/layout/Header.tsx
View File

@@ -15,7 +15,7 @@ import appLogo from "../../../public/images/logo.svg";
const Header = (): JSX.Element => { const Header = (): JSX.Element => {
const appName = "LCM Potty Chart"; const appName = "LCM Potty Chart";
const appVersion = "v0.0.10-alpha"; const appVersion = "v0.0.11-alpha";
// Add transparency while not at the top of the page. // Add transparency while not at the top of the page.
const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false); const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);

50
yarn.lock
View File

@@ -1388,10 +1388,10 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"@types/node@npm:^17.0.42": "@types/node@npm:^18.0.0":
version: 17.0.42 version: 18.0.0
resolution: "@types/node@npm:17.0.42" resolution: "@types/node@npm:18.0.0"
checksum: a200cd87e4f12d4d5682a893ad6e1140720c6c074a2cd075f254b3b8306d6174f5a3630e5d2347efb5e9b80d420404b5fafc8fe3c7d4c81998cd914c50b19f75 checksum: aab2b325727a2599f6d25ebe0dedf58c40fb66a51ce4ca9c0226ceb70fcda2d3afccdca29db5942eb48b158ee8585a274a1e3750c718bbd5399d7f41d62dfdcc
languageName: node languageName: node
linkType: hard linkType: hard
@@ -2667,9 +2667,9 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"eslint@npm:^8.17.0": "eslint@npm:^8.18.0":
version: 8.17.0 version: 8.18.0
resolution: "eslint@npm:8.17.0" resolution: "eslint@npm:8.18.0"
dependencies: dependencies:
"@eslint/eslintrc": ^1.3.0 "@eslint/eslintrc": ^1.3.0
"@humanwhocodes/config-array": ^0.9.2 "@humanwhocodes/config-array": ^0.9.2
@@ -2708,7 +2708,7 @@ __metadata:
v8-compile-cache: ^2.0.3 v8-compile-cache: ^2.0.3
bin: bin:
eslint: bin/eslint.js eslint: bin/eslint.js
checksum: b484c96681c6b19f5b437f664623f1cd310d3ee9be88400d8450e086e664cd968a9dc202f0b0678578fd50e7a445b92586efe8c787de5073ff2f83213b00bb7b checksum: d9b4b7488a9cee97608343cbb5ac652d3f316436f95ef0800cd9497c1c6f877b655a3275817989c02f1ff0d5dfd1959c5092af9251c7e3fcf60659da37752a10
languageName: node languageName: node
linkType: hard linkType: hard
@@ -3728,12 +3728,12 @@ __metadata:
"@emotion/styled": ^11.9.3 "@emotion/styled": ^11.9.3
"@iconify/react": ^3.2.2 "@iconify/react": ^3.2.2
"@reduxjs/toolkit": ^1.8.2 "@reduxjs/toolkit": ^1.8.2
"@types/node": ^17.0.42 "@types/node": ^18.0.0
"@types/react": ^18.0.12 "@types/react": ^18.0.14
"@types/react-redux": ^7.1.24 "@types/react-redux": ^7.1.24
"@typescript-eslint/eslint-plugin": <5.28.0 "@typescript-eslint/eslint-plugin": <5.28.0
date-fns: ^2.28.0 date-fns: ^2.28.0
eslint: ^8.17.0 eslint: ^8.18.0
eslint-config-next: ^12.1.6 eslint-config-next: ^12.1.6
eslint-config-prettier: ^8.5.0 eslint-config-prettier: ^8.5.0
eslint-plugin-jsx-a11y: ^6.5.1 eslint-plugin-jsx-a11y: ^6.5.1
@@ -3742,12 +3742,12 @@ __metadata:
formik: ^2.2.9 formik: ^2.2.9
framer-motion: ^6.3.11 framer-motion: ^6.3.11
next: 12.1.6 next: 12.1.6
prettier: ^2.7.0 prettier: ^2.7.1
react: ^18.2.0 react: ^18.2.0
react-dom: ^18.2.0 react-dom: ^18.2.0
react-redux: ^8.0.2 react-redux: ^8.0.2
sharp: ^0.30.6 sharp: ^0.30.6
typescript: ^4.7.3 typescript: ^4.7.4
languageName: unknown languageName: unknown
linkType: soft linkType: soft
@@ -4361,12 +4361,12 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"prettier@npm:^2.7.0": "prettier@npm:^2.7.1":
version: 2.7.0 version: 2.7.1
resolution: "prettier@npm:2.7.0" resolution: "prettier@npm:2.7.1"
bin: bin:
prettier: bin-prettier.js prettier: bin-prettier.js
checksum: 5b55bb1dced9d16635b83229df8e670d150890fdb343f19e8a66e610094a108e960c0f57352b3e5cdbc4eff4ef00a834406047ffcd9f20bd22a6497ba143c81f checksum: 55a4409182260866ab31284d929b3cb961e5fdb91fe0d2e099dac92eaecec890f36e524b4c19e6ceae839c99c6d7195817579cdffc8e2c80da0cb794463a748b
languageName: node languageName: node
linkType: hard linkType: hard
@@ -5301,23 +5301,23 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"typescript@npm:^4.7.3": "typescript@npm:^4.7.4":
version: 4.7.3 version: 4.7.4
resolution: "typescript@npm:4.7.3" resolution: "typescript@npm:4.7.4"
bin: bin:
tsc: bin/tsc tsc: bin/tsc
tsserver: bin/tsserver tsserver: bin/tsserver
checksum: fd13a1ce53790a36bb8350e1f5e5e384b5f6cb9b0635114a6d01d49cb99916abdcfbc13c7521cdae2f2d3f6d8bc4a8ae7625edf645a04ee940588cd5e7597b2f checksum: 5750181b1cd7e6482c4195825547e70f944114fb47e58e4aa7553e62f11b3f3173766aef9c281783edfd881f7b8299cf35e3ca8caebe73d8464528c907a164df
languageName: node languageName: node
linkType: hard linkType: hard
"typescript@patch:typescript@^4.7.3#~builtin<compat/typescript>": "typescript@patch:typescript@^4.7.4#~builtin<compat/typescript>":
version: 4.7.3 version: 4.7.4
resolution: "typescript@patch:typescript@npm%3A4.7.3#~builtin<compat/typescript>::version=4.7.3&hash=7ad353" resolution: "typescript@patch:typescript@npm%3A4.7.4#~builtin<compat/typescript>::version=4.7.4&hash=7ad353"
bin: bin:
tsc: bin/tsc tsc: bin/tsc
tsserver: bin/tsserver tsserver: bin/tsserver
checksum: 137d18a77f52254a284960b16ab53d0619f57b69b5d585804b8413f798a1175ce3e774fb95e6a101868577aafe357d8fcfc9171f0dc9fc0c210e9ae59d107cc0 checksum: 9096d8f6c16cb80ef3bf96fcbbd055bf1c4a43bd14f3b7be45a9fbe7ada46ec977f604d5feed3263b4f2aa7d4c7477ce5f9cd87de0d6feedec69a983f3a4f93e
languageName: node languageName: node
linkType: hard linkType: hard