Skip to content

feat(home): support right alignment in homeContentComponent #3944

Description

@PierreBrisorgueil

Context

home.content.component.vue currently supports only alignment: 'left' | 'center' (ternary computedAlignment === 'center' ? 'text-center' : 'text-left'). Some landing-page layouts need to right-align section title/subtitle/text — for example when the associated illustration sits on the right and the whole block should feel visually anchored to that side.

Request

Extend alignment to accept 'left' | 'center' | 'right' so downstream projects can set alignment: 'right' on a section setup.

Scope

Single component, src/modules/home/components/utils/home.content.component.vue:

  • Replace the text-align ternary on <v-card-title> and <v-card-text> with a computed alignmentClass returning text-left / text-center / text-right.
  • Replace the icon-row justify ternary with a computed returning justify-start / justify-center / justify-end.
  • Replace the <v-card-actions> justify ternary with the same justify computed.
  • Keep 'left' as the default, preserve existing behavior for existing configs.
  • Add unit tests covering each of the three values.

Use case

Used from home.trawl.config.js aboutFeatures (For developers section) where the illustration is right-aligned and the text block should follow.

Out of scope

No changes to home.about.component.vue or any other consumer. This is a pure capability extension of the shared content renderer.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions