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

Merge pull request #61 from LucidKobold/responsive

Browse Source 
Responsive
This commit is contained in:
Lucid Kobold
2022-06-17 16:18:17 -05:00
committed by GitHub
parent dea86a3ab1 e77f0f09bc
commit 0cf317a9bc
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:
build:
runs-on: ubuntu-20.04
runs-on: ubuntu-latest
strategy:
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/
steps:
- uses: actions/checkout@v2
- uses: borales/actions-yarn@v2.3.0
- uses: borales/actions-yarn@v3.0.0
with:
cmd: install # will run `yarn install` command
#- uses: borales/actions-yarn@v2.3.0
#- uses: borales/actions-yarn@v3.0.0
# with:
# cmd: test # will run `yarn test` command
#- uses: borales/actions-yarn@v2.3.0
#- uses: borales/actions-yarn@v3.0.0
# with:
# cmd: type-check # will run `yarn type-check` command
- uses: borales/actions-yarn@v2.3.0
- uses: borales/actions-yarn@v3.0.0
with:
cmd: lint # will run `yarn lint` command
- uses: borales/actions-yarn@v2.3.0
- uses: borales/actions-yarn@v3.0.0
with:
cmd: build # will run `yarn build` command
- uses: borales/actions-yarn@v2.3.0
- uses: borales/actions-yarn@v3.0.0
with:
cmd: build # will run `yarn start` command

12
package.json
View File

@@ -2,7 +2,7 @@
"private": true,
"name": "lucid-creations-media-potty-chart",
"homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/",
"version": "v0.0.10-alpha",
"version": "v0.0.11-alpha",
"author": {
"name": "Lucid Creations Media",
"url": "https://lucidcreations.media",
@@ -31,18 +31,18 @@
"sharp": "^0.30.6"
},
"devDependencies": {
"@types/node": "^17.0.42",
"@types/react": "^18.0.12",
"@types/node": "^18.0.0",
"@types/react": "^18.0.14",
"@types/react-redux": "^7.1.24",
"@typescript-eslint/eslint-plugin": "<5.28.0",
"eslint": "^8.17.0",
"eslint": "^8.18.0",
"eslint-config-next": "^12.1.6",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-jsx-a11y": "^6.5.1",
"eslint-plugin-react": "^7.30.0",
"eslint-plugin-react-hooks": "<4.6.0",
"prettier": "^2.7.0",
"typescript": "^4.7.3"
"prettier": "^2.7.1",
"typescript": "^4.7.4"
},
"resolutions": {
"@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}
key={weekDay}
>
<Text w="100%" h="auto">
<Text display={{ base: "none", md: "block" }} w="100%" h="auto">
{weekDay}
</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>
);
})}

2
src/pages/index.tsx
View File

@@ -13,7 +13,7 @@ const IndexPage = (): JSX.Element => {
});
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}>
<Calender {...date.current} />
</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 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.
const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);

50
yarn.lock
View File

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