Shellnut_Public/personal-website-sveltekit
1
0
Fork 0
mirror of https://github.com/BradNut/personal-website-sveltekit synced 2025-09-08 23:20:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: On smaller screens max height of image is less

Browse source
This commit is contained in:
Bradley Shellnut 2023-04-21 10:12:07 -07:00
parent fe65d64036
commit 979c777c64
4 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -14,7 +14,7 @@
"format": "prettier --plugin-search-dir . --write ." "format": "prettier --plugin-search-dir . --write ."
}, },
"devDependencies": { "devDependencies": {
"@iconify-icons/material-symbols": "^1.2.37", "@iconify-icons/material-symbols": "^1.2.38",
"@iconify-icons/mdi": "^1.2.44", "@iconify-icons/mdi": "^1.2.44",
"@iconify-icons/radix-icons": "^1.2.8", "@iconify-icons/radix-icons": "^1.2.8",
"@iconify-icons/simple-icons": "^1.2.48", "@iconify-icons/simple-icons": "^1.2.48",

8
pnpm-lock.yaml
View file

@ -13,8 +13,8 @@ dependencies:
devDependencies: devDependencies:
'@iconify-icons/material-symbols': '@iconify-icons/material-symbols':
specifier: ^1.2.37 specifier: ^1.2.38
version: 1.2.37 version: 1.2.38
'@iconify-icons/mdi': '@iconify-icons/mdi':
specifier: ^1.2.44 specifier: ^1.2.44
version: 1.2.44 version: 1.2.44
@ -930,8 +930,8 @@ packages:
resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==} resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
dev: true dev: true
/@iconify-icons/material-symbols@1.2.37: /@iconify-icons/material-symbols@1.2.38:
resolution: {integrity: sha512-EDrnBXdj2Iem9pR0sT8Y/0m7ClP0ygiDuBdZn31wbfjRyEdWFU+yK98lOXO1j+DFUYuJXAe06NJ3GRfrJ0m5WA==} resolution: {integrity: sha512-w2hv944ibUojEzPvDuVGuFtxYDyQpy1PnKj+Vm5eQ2fy8a26UBzjB0l3eHd50DIZVZv80b8oFPec1PCrh8rutA==}
dependencies: dependencies:
'@iconify/types': 2.0.0 '@iconify/types': 2.0.0
dev: true dev: true

4
src/routes/uses/+page.svelte
View file

@ -46,5 +46,9 @@
@media(max-width: 800px) { @media(max-width: 800px) {
max-height: 350px; max-height: 350px;
} }
@media(max-width: 500px) {
max-height: 300px;
}
} }
</style> </style>

2
vite.config.ts
View file

@ -10,7 +10,7 @@ const config: UserConfig = {
// By default, directives are `?width=480;1024;1920&format=avif;webp;jpg` // By default, directives are `?width=480;1024;1920&format=avif;webp;jpg`
// Now we change it to generate 5 variants instead - `avif/jpg` formats at `640/1280` + LQIP // Now we change it to generate 5 variants instead - `avif/jpg` formats at `640/1280` + LQIP
defaultDirectives: () => defaultDirectives: () =>
new URLSearchParams('?width=320;480;640;1024;1920&format=avif;webp;jpg&lqip=64') new URLSearchParams('?width=300;480;640;1024;1920&format=avif;webp;jpg&lqip=64')
}) })
], ],
test: { test: {