This repository has no description
feat: improve image styling
author
Kieran Klukas
date
(Apr 14, 2025, 2:40 PM -0400)
commit
1d51412e
1d51412e4432dc8d5070e3b0afc0baa32ace3b35
parent
d50a2ecc
d50a2ecc492423dc769bfa9fbe74b77219b4a7c1
+2
-2
+2
-2
src/camera_server.py
+2
-2
src/camera_server.py
···
61
61
h1 {{ text-align: center; }}
62
62
.gallery {{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }}
63
63
.photo {{ border: 1px solid #ddd; padding: 5px; animation: fadeIn 0.1s; flex: 0 1 200px; position: relative; }}
64
-
.photo img {{ width: 100%; height: auto; transition: opacity 0.3s; }}
65
-
.photo .colored-img {{ position: absolute; top: 5px; left: 5px; opacity: 0; pointer-events: none; }}
64
+
.photo img {{ width: 100%; height: 100%; transition: opacity 0.3s; object-fit: cover; }}
65
+
.photo .colored-img {{ position: absolute; top: 5px; left: 5px; opacity: 0; pointer-events: none; width: calc(100% - 10px); height: calc(100% - 10px); }}
66
66
.photo:hover .dithered-img {{ opacity: 0; }}
67
67
.photo:hover .colored-img {{ opacity: 1; }}
68
68
.photo .actions {{ text-align: center; margin-top: 5px; }}