cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: mobile modal styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-03 14:04:11 -07:00
parent 13ce318b80
commit c1107483c9
No known key found for this signature in database
3 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "21.3.1", "version": "21.3.2",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "21.3.1", "version": "21.3.2",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",
@ -25,7 +25,7 @@
"dotenv-flow": "^4.1.0", "dotenv-flow": "^4.1.0",
"html-minifier-terser": "^7.2.0", "html-minifier-terser": "^7.2.0",
"liquidjs": "^10.16.1", "liquidjs": "^10.16.1",
"luxon": "^3.4.4", "luxon": "^3.5.0",
"markdown-it": "^14.1.0", "markdown-it": "^14.1.0",
"markdown-it-anchor": "^9.0.1", "markdown-it-anchor": "^9.0.1",
"markdown-it-footnote": "^4.0.0", "markdown-it-footnote": "^4.0.0",
@ -2418,9 +2418,9 @@
"license": "ISC" "license": "ISC"
}, },
"node_modules/luxon": { "node_modules/luxon": {
"version": "3.4.4", "version": "3.5.0",
"resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.4.tgz", "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz",
"integrity": "sha512-zobTr7akeGHnv7eBOXcRgMeCP6+uyYsczwmeRCauvpvaAltgNyTbLH/+VaEAPUeWBT+1GuNmz4wC/6jtQzbbVA==", "integrity": "sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"engines": { "engines": {

4
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "21.3.1", "version": "21.3.2",
"description": "The source for my personal site. Built using 11ty (and other tools).", "description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module", "type": "module",
"scripts": { "scripts": {
@ -40,7 +40,7 @@
"dotenv-flow": "^4.1.0", "dotenv-flow": "^4.1.0",
"html-minifier-terser": "^7.2.0", "html-minifier-terser": "^7.2.0",
"liquidjs": "^10.16.1", "liquidjs": "^10.16.1",
"luxon": "^3.4.4", "luxon": "^3.5.0",
"markdown-it": "^14.1.0", "markdown-it": "^14.1.0",
"markdown-it-anchor": "^9.0.1", "markdown-it-anchor": "^9.0.1",
"markdown-it-footnote": "^4.0.0", "markdown-it-footnote": "^4.0.0",

14
src/assets/styles/components/modal.css
View file

@ -10,9 +10,9 @@
position: fixed; position: fixed;
background: var(--background-color); background: var(--background-color);
border: 1px solid var(--gray-light); border: 1px solid var(--gray-light);
max-height: 75%; height: 100%;
max-width: 75%; width: 100%;
inset: 12.5%; inset: 0;
overflow: scroll; overflow: scroll;
padding: var(--sizing-lg) var(--sizing-2xl); padding: var(--sizing-lg) var(--sizing-2xl);
@ -78,4 +78,12 @@
transform: rotate(8deg); transform: rotate(8deg);
} }
} }
}
@media screen and (min-width: 768px) {
.modal-wrapper .modal-body {
max-height: 75%;
max-width: 75%;
inset: 12.5%;
}
} }