Skip to content

feat(settings): add card border to split layout and center loading spinner#20065

Open
MagentaManifold wants to merge 1 commit intomainfrom
FXA-13007
Open

feat(settings): add card border to split layout and center loading spinner#20065
MagentaManifold wants to merge 1 commit intomainfrom
FXA-13007

Conversation

@MagentaManifold
Copy link
Contributor

Because

  • loading spinner in split layout is off-centered
  • Ross want card border in split layout

This pull request

  • adds card border to split layout and centers loading spinner

Issue that this pull request solves

Closes: FXA-13007

Checklist

Put an x in the boxes that apply

  • My commit is GPG signed.
  • If applicable, I have modified or added tests which pass locally.
  • I have added necessary documentation (if appropriate).
  • I have verified that my changes render correctly in RTL (if appropriate).

Screenshots (Optional)

image

Other information (Optional)

Any other information that is important to this pull request.

@MagentaManifold MagentaManifold requested a review from a team as a code owner February 17, 2026 17:15
}
.card,
.card-split-layout {
@apply w-full border border-transparent mobileLandscape:w-120 mobileLandscape:bg-white rounded-xl px-6 py-8 mobileLandscape:px-8 mobileLandscape:py-9 mobileLandscape:mb-6;
Copy link
Contributor

@LZoog LZoog Feb 25, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do you think about us copying what we do for our CTAs, e.g. create a card-base for all shared classes, and then @apply that to card and card-split-layout?

@MagentaManifold MagentaManifold force-pushed the FXA-13007 branch 2 times, most recently from c0a8f9a to 1dc4f23 Compare February 25, 2026 23:10
…inner

Because:

* loading spinner in split layout is off-centered
* Ross want card border in split layout

This commit:

* adds card border to split layout and centers loading spinner

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants