:ui=What are the advantages of the UMain component?
What are the advantages of the UMain component?
2 Replies
Hi @Alex. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
- Provides a <main> element that, together with UHeader, creates a full-height layout that fills the remaining viewport height (min-h[calc(100vh - var(--ui-header-height))]) (Main).
- Respects a configurable --ui-header-height CSS variable, letting you adjust header height and have the main area adapt automatically (Main).
- Simple usage in app.vue/layouts alongside UHeader/UFooter for consistent page structure (Main).
- Themeable via AppConfig (and Vite plugin options) to customize its base styles globally (Main). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
- Respects a configurable --ui-header-height CSS variable, letting you adjust header height and have the main area adapt automatically (Main).
- Simple usage in app.vue/layouts alongside UHeader/UFooter for consistent page structure (Main).
- Themeable via AppConfig (and Vite plugin options) to customize its base styles globally (Main). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
<@822057189556486186> Kapa.ai is still learning and improving, please let me know how I did by reacting below.