kunthawat/moreminimore-astroreal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): separate mega-cta from tile-link-overlay (was overlapping with objective)

Browse Source 
Before: .tile-link-overlay contained the .mega-cta text. Both overlay and .mega-objective were positioned at the bottom of the tile, causing visual overlap.
After: .mega-cta is a normal-flow <span> in tile-body (pushed to bottom via margin-top: auto). .tile-link-overlay is now an empty click target (no inner content, no padding, no flex).
This commit is contained in:
Kunthawat Greethong
2026-06-10 10:48:05 +07:00
parent a7a0135727
commit 5ab00efd15
2 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/global.css
View File

@@ -854,15 +854,9 @@ p {
position: absolute;
inset: 0;
z-index: 1;
display: block;
text-decoration: none;
color: inherit;
display: flex;
align-items: flex-end;
padding: 32px;
}
.tile-link-overlay .mega-cta {
margin-top: 0;
font-weight: 700;
}
.bento-tile > *:not(.tile-link-overlay) {
position: relative;