| author | |
| committer | |
| log | 761f4ae9ab036134de370f1c15c2f03f526fdecf |
| tree | f54aa082ef109619e90248344a2c3d30ab9762e8 |
| parent | 10eaddedc5136acd4d7f8ac8276c4c8e90905703 |
| signature | Commit is signed but in an unrecognized format. |
6 files changed, 11 insertions(+), 12 deletions(-)
.gitignore+1-1| ... | ... | @@ -2,4 +2,4 @@ |
| 2 | 2 | .env |
| 3 | 3 | lib/dist-npm |
| 4 | 4 | node_modules |
| 5 | ||
| 5 | src/friends |
package.json-2| ... | ... | @@ -13,9 +13,7 @@ |
| 13 | 13 | "marko": "6.0.82", |
| 14 | 14 | "msgpackr": "1.11.5", |
| 15 | 15 | "puppeteer": "24.23.0", |
| 16 | "sharp": "0.34.2", | |
| 17 | 16 | "source-map-support": "0.5.21", |
| 18 | "ts-to-jsdoc": "2.4.0", | |
| 19 | 17 | "unique-names-generator": "4.7.1", |
| 20 | 18 | "vscode-oniguruma": "2.0.1", |
| 21 | 19 | "vscode-textmate": "9.2.0" |
src/friends/.gitignore deleted-4| ... | ... | @@ -1,4 +0,0 @@ |
| 1 | # this directory is private, and not checked into the git repository | |
| 2 | # instead, it is version-controlled via computer clover's backup system. | |
| 3 | * | |
| 4 | !.gitignore |
src/tags/image.tsx+6-3| ... | ... | @@ -31,7 +31,7 @@ export default function Image( |
| 31 | 31 | : `100vw`; |
| 32 | 32 | |
| 33 | 33 | return ( |
| 34 | <picture class={className} style={style}> | |
| 34 | <picture> | |
| 35 | 35 | {["jxl", "avif", "webp"].map((ext) => ( |
| 36 | 36 | <source |
| 37 | 37 | type={`image/${ext}`} |
| ... | ... | @@ -41,10 +41,13 @@ export default function Image( |
| 41 | 41 | ))} |
| 42 | 42 | <img |
| 43 | 43 | src={base} |
| 44 | class={className} | |
| 44 | 45 | {...rest} |
| 45 | 46 | style={objectFit |
| 46 | ? { "object-fit": objectFit, width: "100%", height: "100%" } | |
| 47 | : null} | |
| 47 | ? `object-fit:${objectFit};width:100%;height:100%${ | |
| 48 | style ? ";" + style : "" | |
| 49 | }` | |
| 50 | : style} | |
| 48 | 51 | /> |
| 49 | 52 | </picture> |
| 50 | 53 | ); |
src/tags/photo-grid.css+3-2| ... | ... | @@ -1,11 +1,12 @@ |
| 1 | 1 | photo-grid { |
| 2 | 2 | display: grid; |
| 3 | gap: 0.5rem; | |
| 3 | gap: 11px; | |
| 4 | 4 | div { |
| 5 | 5 | position: relative; |
| 6 | 6 | width: 100%; |
| 7 | 7 | height: 100%; |
| 8 | border: 2px solid #0009; | |
| 8 | border: 2px solid black; | |
| 9 | outline: 4px solid var(--primary, #000); | |
| 9 | 10 | } |
| 10 | 11 | img { |
| 11 | 12 | position: absolute; |
src/tags/photo-grid.tsx+1| ... | ... | @@ -133,3 +133,4 @@ import "./photo-grid.css"; |
| 133 | 133 | import { MediaFile } from "@/file-viewer/models/MediaFile.ts"; |
| 134 | 134 | import Image from "./image.tsx"; |
| 135 | 135 | import * as path from "node:path"; |
| 136 | import { ASSERT } from "lib/assert.ts"; |