Fix widget layout clipping and add comprehensive widget previews
- Fix LargeVotingView mood icons getting clipped at edges by using flexible HStack spacing with maxWidth: .infinity - Fix VotingView medium layout with smaller icons and even distribution - Add comprehensive #Preview macros for all widget states: - Vote widget: small/medium, voted/not voted, all mood states - Timeline widget: small/medium/large with various data states - Reduce icon sizes and padding to fit within widget bounds - Update accessibility labels and hints across views 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -554,6 +554,7 @@
|
||||
.feature-card:nth-child(4) .feature-icon { background: rgba(239, 190, 154, 0.2); }
|
||||
.feature-card:nth-child(5) .feature-icon { background: rgba(165, 196, 212, 0.2); }
|
||||
.feature-card:nth-child(6) .feature-icon { background: rgba(229, 168, 154, 0.2); }
|
||||
.feature-card:nth-child(7) .feature-icon { background: rgba(94, 186, 175, 0.2); }
|
||||
|
||||
.feature-card h3 {
|
||||
font-size: 1.25rem;
|
||||
@@ -1191,6 +1192,12 @@
|
||||
<h3>Private by Design</h3>
|
||||
<p>Your feelings are yours alone. All data stays on your devices with iCloud sync you control.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card reveal">
|
||||
<div class="feature-icon">♿</div>
|
||||
<h3>WCAG 2.1 AA Accessible</h3>
|
||||
<p>Built for everyone. Full VoiceOver support, Dynamic Type, and high contrast ensure no one is left behind.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user