Layout Library
Cards & Cardlike
| Namespace | Name | Link |
|---|---|---|
| /components/Layout/Cards/ | QCard.vue | QCard |
Grid Layout
| Namespace | Name | Link |
|---|---|---|
| /components/Layout/Grid/ | QGridContainer.vue | QGridContainer |
| /components/Layout/Grid/ | QGridColumn.vue | QGridColumn |
Flex Layout
| Namespace | Name | Link |
|---|---|---|
| /components/Layout/Flex/ | QFlexContainer.vue | QFlexContainer |
| /components/Layout/Flex/ | QFlexColumn.vue | QFlexColumn |
Layout media queries
Media query breakpoints for all layout components are set at:
- default width: 95%
- width > 768px: 80%
- width > 992px: 70%
- width > 1200px: 60%
- width > 1400px: 50%