diff --git a/src/app/features/store/pages/account-page/components/purchase-item/purchase-item.scss b/src/app/features/store/pages/account-page/components/purchase-item/purchase-item.scss index cc5e567..060a46d 100644 --- a/src/app/features/store/pages/account-page/components/purchase-item/purchase-item.scss +++ b/src/app/features/store/pages/account-page/components/purchase-item/purchase-item.scss @@ -9,15 +9,15 @@ .cart-item { display: grid; - grid-template-columns: 90px minmax(0, 1fr); + grid-template-columns: 120px minmax(0, 1fr); gap: 0.75rem; background-color: transparent; position: relative; } .cart-item-media { - width: 90px; - aspect-ratio: 1 / 1; + width: 120px; + aspect-ratio: 4 / 3; border-radius: 5px 0 0 5px; background-color: #ffffff; border: 1px solid #eaeaea; @@ -31,11 +31,15 @@ } .cart-item-discount-badge { - padding: 2px 5px; + width: 44px; + height: 22px; + display: flex; + align-items: center; + justify-content: center; border-bottom-right-radius: 4px; background-color: var(--bs-primary, #5b75ff); color: #ffffff; - font-size: 8px; + font-size: 10px; font-weight: 500; line-height: 1; } @@ -57,7 +61,7 @@ .cart-item-product { color: #666666; - font-size: 12px; + font-size: 10px; line-height: 1.25; font-weight: 325; } @@ -70,7 +74,7 @@ .cart-item-original-price { color: #a0a0a0; - font-size: 10px; + font-size: 9px; font-weight: 325; } @@ -86,7 +90,7 @@ .cart-item-attribute { color: #666666; - font-size: 11px; + font-size: 9px; line-height: 1.2; } @@ -96,6 +100,6 @@ .cart-item-transfer-price { color: #666666; - font-size: 10px; + font-size: 9px; line-height: 1.2; } diff --git a/src/app/features/store/pages/account-page/pages/purchases-page/purchases-page.scss b/src/app/features/store/pages/account-page/pages/purchases-page/purchases-page.scss index 03eceb1..8c9352f 100644 --- a/src/app/features/store/pages/account-page/pages/purchases-page/purchases-page.scss +++ b/src/app/features/store/pages/account-page/pages/purchases-page/purchases-page.scss @@ -9,5 +9,4 @@ font-size: 15px; font-weight: bold; color: #A0A0A0; - margin-bottom: 24px; } diff --git a/src/app/shared/components/cart-item/cart-item.component.scss b/src/app/shared/components/cart-item/cart-item.component.scss index 4c7b4f2..2a35637 100644 --- a/src/app/shared/components/cart-item/cart-item.component.scss +++ b/src/app/shared/components/cart-item/cart-item.component.scss @@ -50,11 +50,15 @@ } .cart-item-discount-badge { - padding: 2px 5px; + width: 44px; + height: 22px; + display: flex; + align-items: center; + justify-content: center; border-bottom-right-radius: 4px; background-color: var(--bs-primary); color: #ffffff; - font-size: 8px; + font-size: 10px; font-weight: 500; line-height: 1; }