knight/analogGallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor CSS in generateSite.js to improve description overlay styling. Changed mix-blend-mode from 'hard-light' to 'color-dodge' for enhanced visual effects and removed unnecessary margin-left property to streamline layout. These adjustments contribute to a more polished user experience.

Browse Source
This commit is contained in:
Knight 2024-12-28 20:42:12 -05:00
parent fba82c26df
commit 97542e2d09
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
generateSite.js
View File

@ -82,12 +82,11 @@ async function generateSite() {
} }
.description { .description {
position: absolute; position: absolute;
margin-left: -40%; /* This will offset it to the left */
max-width: 80%; max-width: 80%;
z-index: 2; z-index: 2;
color: #cccccc; color: #cccccc;
opacity: 0.8; opacity: 0.8;
mix-blend-mode: hard-light; mix-blend-mode: color-dodge;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
font-size: 16px; font-size: 16px;