kntdgrtnnly/upiecep-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed CSS for photos

Browse Source
This commit is contained in:
Kent Joseph T. Palima
2026-04-29 16:57:16 +08:00
parent 17d4332a3b
commit 3e6b461ff2
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Family/family.scss
+3 -1
View File
@@ -23,13 +23,15 @@
.image-panel { .image-panel {
width: 100%; width: 100%;
height: auto; height: 100%;
aspect-ratio: 25.375 / 18.125; aspect-ratio: 25.375 / 18.125;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
img { img {
width: 100%; width: 100%;
height: 100%;
object-fit: cover; object-fit: cover;
display: block;
} }
.image-panel-popup { .image-panel-popup {
src/components/ProjectsAndCampaigns/projects-and-campaigns.scss
+2 -2
View File
@@ -74,14 +74,14 @@
place-self: center start; place-self: center start;
width: calc(10 / 12 * 100%); width: calc(10 / 12 * 100%);
height: auto; height: auto;
aspect-ratio: auto; aspect-ratio: 25 / 16;
object-fit: contain;
position: relative; position: relative;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 2.5rem; border-radius: 2.5rem;
box-shadow: 7px 7px 50px 4px rgba(88, 24, 30, 0.4); box-shadow: 7px 7px 50px 4px rgba(88, 24, 30, 0.4);
object-fit: cover;
} }
} }
.iecep-day-text { .iecep-day-text {