diff options
Diffstat (limited to 'client')
-rw-r--r-- | client/package-lock.json | 15 | ||||
-rw-r--r-- | client/src/App.css | 29 | ||||
-rw-r--r-- | client/src/App.tsx | 8 |
3 files changed, 48 insertions, 4 deletions
diff --git a/client/package-lock.json b/client/package-lock.json index 1c59186..0fac169 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -4126,6 +4126,14 @@ "lodash.uniq": "^4.5.0" } }, + "caniuse-lite": { + "version": "1.0.30001260", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001260.tgz", + "integrity": "sha512-Fhjc/k8725ItmrvW5QomzxLeojewxvqiYCKeFcfFEhut28IVLdpHU19dneOmltZQIE5HNbawj1HYD+1f2bM1Dg==", + "requires": { + "nanocolors": "^0.1.0" + } + }, "capture-exit": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/capture-exit/-/capture-exit-2.0.0.tgz", @@ -10022,6 +10030,11 @@ "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==", "optional": true }, + "nanocolors": { + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.1.12.tgz", + "integrity": "sha512-2nMHqg1x5PU+unxX7PGY7AuYxl2qDx7PSrTRjizr8sxdd3l/3hBuWWaki62qmtYm2U5i4Z5E7GbjlyDFhs9/EQ==" + }, "nanoid": { "version": "3.1.20", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz", @@ -16408,4 +16421,4 @@ "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==" } } -} \ No newline at end of file +} diff --git a/client/src/App.css b/client/src/App.css index f565e3b..9f86207 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -219,4 +219,31 @@ input[type="number"] { #form-ka-button { padding-left: 78%; margin-right: 0; -} \ No newline at end of file +} +.apneReports{ + padding-left: 30px; +} +details { + border: 1px solid #aaa; + border-radius: 4px; + padding: .5em .5em 0; +} + +summary { + font-weight: bold; + margin: -.5em -.5em 0; + padding: .5em; +} + +details[open] { + padding: .5em; +} + +details[open] summary { + border-bottom: 1px solid #aaa; + margin-bottom: .5em; +} +.apneReports{ + padding-top: 10px; + line-height: 1.5; +} diff --git a/client/src/App.tsx b/client/src/App.tsx index 7bd37ba..56b7ded 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -170,9 +170,13 @@ const App = () => { <div className="apneReports"> <details> <summary> - {JSON.parse(storage.records[idx]).date} + {JSON.parse(storage.records[idx]).date} </summary> - {JSON.parse(storage.records[idx]).name} + Name: {JSON.parse(storage.records[idx]).name}<br></br> + Age: {JSON.parse(storage.records[idx]).age}<br></br> + Height: {JSON.parse(storage.records[idx]).height}<br></br> + Weight: {JSON.parse(storage.records[idx]).weight}<br></br> + Prescription: {JSON.parse(storage.records[idx]).prescription}<br></br> </details> </div>)} |