Feature Request

Description

Add a configurable row height setting to the layout options that allows users to adjust the height of table rows. This would particularly improve the image preview experience in table cells.

Current Situation

• Row heights are currently fixed
• Images in cells are constrained by the default row height
• Larger images would benefit from adjustable row heights for better visibility

Proposed Solution

Add a new setting in the layout options with predefined height options:

rowHeight: 'compact' | 'comfortable' | 'spacious' | 'custom'

Where:

• compact: ~40px - Minimal height for maximum data density
• comfortable: ~60px - Default, balanced view (current)
• spacious: ~80px - More room for content, better for images
• custom: User-defined pixel value (e.g., 100px)

Benefits

1. Better image previews - Larger row heights would show images more clearly
2. Flexibility - Users can adjust based on their content type
3. Improved UX - Different use cases need different densities
4. Accessibility - Larger rows can be easier to interact with

Implementation Ideas

• Add setting to options.vue component
• Apply CSS classes based on selected height
• Store preference in layout configuration
• Ensure all cell renderers adapt to the height

Related Issues

• Related to UX: Image display issues - cropping and scaling problems in cells and file browser #6 (Image display improvements)

Additional Context

This was previously discussed during development and would complement the recent image display enhancements in v0.2.6.