tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(checkout): update styles for title and labels in payment step for improved readability

Browse Source
This commit is contained in:
ncoronel
2026-07-03 11:52:11 -03:00
parent 361596bbbc
commit 37d94159aa
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
View File

@@ -35,8 +35,8 @@
&__title { &__title {
margin: 0 0 1.75rem; margin: 0 0 1.75rem;
color: #8f8f8f; color: #8a8a8a;
font-size: 0.95rem; font-size: 13px;
font-weight: 700; font-weight: 700;
} }
@@ -51,6 +51,9 @@
grid-template-columns: auto minmax(0, 1fr) auto; grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center; align-items: center;
gap: 0.85rem; gap: 0.85rem;
width: 100%;
max-width: 200px;
justify-self: start;
padding: 0.35rem 0; padding: 0.35rem 0;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
@@ -74,7 +77,7 @@
&__label { &__label {
min-width: 0; min-width: 0;
font-size: 1rem; font-size: 13px;
font-weight: 700; font-weight: 700;
line-height: 1.2; line-height: 1.2;
} }
@@ -116,6 +119,7 @@
padding: 1.5rem 1.75rem; padding: 1.5rem 1.75rem;
border-radius: 5px; border-radius: 5px;
background: #ffffff; background: #ffffff;
color: #666666;
box-shadow: 0 0 0 1px #f1f1f1; box-shadow: 0 0 0 1px #f1f1f1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;