modified packages/ui/app/components/sk/SkPage.vue +2 -2
| @@ -1,12 +1,12 @@ |
| 1 | 1 | <script setup lang="ts"> |
| 2 | | -/** Page container: 1120px column, 22px gap between blocks. `wide` = full width (Catalog two-pane layouts). */ |
| 2 | +/** Page container: 1120px column, 22px gap between blocks. `wide` = 1440px column with roomier gutters (Catalog two-pane layouts, project Items). */ |
| 3 | 3 | withDefaults(defineProps<{ wide?: boolean }>(), { wide: false }) |
| 4 | 4 | </script> |
| 5 | 5 | |
| 6 | 6 | <template> |
| 7 | 7 | <div |
| 8 | 8 | class="mx-auto flex w-full flex-col gap-[22px] pt-7 pb-[60px]" |
| 9 | | - :class="wide ? 'px-5' : 'max-w-[1120px] px-4 sm:px-9'" |
| 9 | + :class="wide ? 'max-w-[1440px] px-4 sm:px-10 lg:px-14' : 'max-w-[1120px] px-4 sm:px-9'" |
| 10 | 10 | > |
| 11 | 11 | <slot /> |
| 12 | 12 | </div> |
| @@ -1,12 +1,12 @@ |
| 1 | <script setup lang="ts"> | 1 | <script setup lang="ts"> |
| 2 | -/** Page container: 1120px column, 22px gap between blocks. `wide` = full width (Catalog two-pane layouts). */ | 2 | +/** Page container: 1120px column, 22px gap between blocks. `wide` = 1440px column with roomier gutters (Catalog two-pane layouts, project Items). */ |
| 3 | withDefaults(defineProps<{ wide?: boolean }>(), { wide: false }) | 3 | withDefaults(defineProps<{ wide?: boolean }>(), { wide: false }) |
| 4 | </script> | 4 | </script> |
| 5 | | 5 | |
| 6 | <template> | 6 | <template> |
| 7 | <div | 7 | <div |
| 8 | class="mx-auto flex w-full flex-col gap-[22px] pt-7 pb-[60px]" | 8 | class="mx-auto flex w-full flex-col gap-[22px] pt-7 pb-[60px]" |
| 9 | - :class="wide ? 'px-5' : 'max-w-[1120px] px-4 sm:px-9'" | 9 | + :class="wide ? 'max-w-[1440px] px-4 sm:px-10 lg:px-14' : 'max-w-[1120px] px-4 sm:px-9'" |
| 10 | > | 10 | > |
| 11 | <slot /> | 11 | <slot /> |
| 12 | </div> | 12 | </div> |