From 7d0478b62577b7db2ec59fa424850fec70211db7 Mon Sep 17 00:00:00 2001 From: Zakhar Date: Wed, 2 Sep 2026 14:17:13 +0300 Subject: [PATCH] fixes --- src/components/Cart/Cart.tsx | 4 ++-- src/components/Cart/CartItem.tsx | 2 +- src/components/Family/FamilySection.tsx | 4 ++-- src/components/Family/PersonModal.tsx | 6 +++++- src/components/Family/TagsInput.tsx | 1 + 5 files changed, 11 insertions(+), 6 deletions(-) diff --git a/src/components/Cart/Cart.tsx b/src/components/Cart/Cart.tsx index 33eb15a..c5a8478 100644 --- a/src/components/Cart/Cart.tsx +++ b/src/components/Cart/Cart.tsx @@ -255,13 +255,13 @@ const Loader = styled.div<{ $hidden: boolean, "data-display-text": string }>` } &:before { - background: linear-gradient(79deg, #FFBA00 0%, #FFEC47 31%, #C4E30F 63%, #5EA12D 98%) 100%; + background: linear-gradient(79deg, #FFBA00 0%, #FFEC47 9%, #C4E30F 24%, #5EA12D 98%) 100%; background-clip: text; animation: opacityAnim 1s ease-in-out 0s infinite alternate; } &:after { - background: linear-gradient(79deg, #5EA12D 2%, #C4E30F 38%, #FFEC47 69%, #FFBA00 100%) 100%; + background: linear-gradient(79deg, #5EA12D 2%, #C4E30F 76%, #FFEC47 91%, #FFBA00 100%) 100%; background-clip: text; animation: opacityAnim 1s ease-in-out -1s infinite alternate; } diff --git a/src/components/Cart/CartItem.tsx b/src/components/Cart/CartItem.tsx index ae4ca50..40ba9c1 100644 --- a/src/components/Cart/CartItem.tsx +++ b/src/components/Cart/CartItem.tsx @@ -114,7 +114,7 @@ const ItemName = styled.div` const ItemPrice = styled.div` font-size: 14px; - color: ${({theme}) => theme.colors.gray}; + color: ${({theme}) => theme.colors.darkGreen}; `; const MenuWrapper = styled.div` diff --git a/src/components/Family/FamilySection.tsx b/src/components/Family/FamilySection.tsx index 8d3343b..89512f5 100644 --- a/src/components/Family/FamilySection.tsx +++ b/src/components/Family/FamilySection.tsx @@ -230,8 +230,8 @@ const AddButton = styled.button` justify-content: center; margin-top: 14px; color: ${({ theme }) => theme.colors.green}; - font-size: 15px; - font-weight: 350; + font-size: 14px; + font-weight: 500; cursor: pointer; transition: 0.2s; background-color: transparent; diff --git a/src/components/Family/PersonModal.tsx b/src/components/Family/PersonModal.tsx index ade51b0..7141286 100644 --- a/src/components/Family/PersonModal.tsx +++ b/src/components/Family/PersonModal.tsx @@ -304,10 +304,14 @@ const FormGroup = styled.div` font-size: 14px; outline: none; transition: 0.2s; + height: 44px; &::placeholder { color: #A3ADA2; } + &:hover { + border-color: ${({theme}) => theme.colors.gray}; + } &:focus { border-color: ${({theme}) => theme.colors.green}; } @@ -333,7 +337,7 @@ const Hint = styled.span` const GenderToggles = styled.div` display: flex; - gap: 8px; + gap: 16px; margin-bottom: 16px; `; diff --git a/src/components/Family/TagsInput.tsx b/src/components/Family/TagsInput.tsx index 66ef8d8..88fc0cf 100644 --- a/src/components/Family/TagsInput.tsx +++ b/src/components/Family/TagsInput.tsx @@ -111,6 +111,7 @@ const Input = styled.input` font-size: 14px; outline: none; margin-bottom: 6px; + height: 44px; &::placeholder { color:#A3ADA2;