fix: improve text visibility on album header background
- Changed album title to white color - Added text-shadow to album title for better contrast over images - Changed album description to white color - Added text-shadow to album description for readability - Ensures text is visible regardless of cover image darkness
This commit is contained in:
@@ -288,9 +288,9 @@ require_once($rootPath . '/components/banner.php');
|
||||
<div class="album-header" <?php if ($album['cover_image']): ?>style="background-image: url('<?php echo htmlspecialchars($album['cover_image']); ?>');"<?php endif; ?>>
|
||||
<div class="album-header-content px-2">
|
||||
<div style="flex: 1;">
|
||||
<h2 style="margin: 0; margin-bottom: 10px;"><?php echo htmlspecialchars($album['title']); ?></h2>
|
||||
<h2 style="margin: 0; margin-bottom: 10px; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);"><?php echo htmlspecialchars($album['title']); ?></h2>
|
||||
<?php if ($album['description']): ?>
|
||||
<p style="margin: 0 0 15px 0; font-size: 1rem; opacity: 0.95;">
|
||||
<p style="margin: 0 0 15px 0; font-size: 1rem; opacity: 0.95; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);">
|
||||
<?php echo htmlspecialchars($album['description']); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
Reference in New Issue
Block a user