fix(critical-css): Increase badge min-height 32px→36px and add APU tables critical CSS
- Fix hero badge min-height from 32px to 36px (actual height is 35px) - Add vertical-align: middle to badge for better alignment - Add critical CSS for .analisis and .desglose tables: - table-layout: fixed to prevent reflow - overflow-x: auto for mobile horizontal scroll - These changes target CLS 0.117 caused by hero badges 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -404,8 +404,9 @@ function roi_output_hero_critical_css() {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.hero-section__badge {
|
||||
min-height: 32px;
|
||||
min-height: 36px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.hero-section {
|
||||
@@ -415,6 +416,16 @@ function roi_output_hero_critical_css() {
|
||||
min-height: 2.5rem;
|
||||
}
|
||||
}
|
||||
/* APU Tables Critical CSS - Prevent table reflow */
|
||||
.analisis table, .desglose table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.analisis, .desglose {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
';
|
||||
|
||||
// Minify CSS
|
||||
|
||||
Reference in New Issue
Block a user