Enhance UI feedback and responsiveness across authentication and tracking pages

- Updated button text to reflect loading states in SignIn, SignUp, and Tracker pages.
- Adjusted padding and heading sizes for better responsiveness in Main, Stats, and Tracker pages.
- Improved layout consistency by modifying padding properties in Card components.
This commit is contained in:
Primakov Alexandr Alexandrovich
2025-11-17 14:10:18 +03:00
parent 9b224ef4b7
commit 71ee0c1c0e
5 changed files with 20 additions and 25 deletions
+7 -9
View File
@@ -114,9 +114,9 @@ export const TrackerPage: React.FC = () => {
}
return (
<Box minH="100vh" bg="gray.50" p={8}>
<Box minH="100vh" bg="gray.50" p={{ base: 2, md: 8 }}>
<VStack gap={6} maxW="4xl" mx="auto">
<Heading size="2xl">Трекер курения</Heading>
<Heading size={{ base: 'xl', md: '2xl' }}>Трекер курения</Heading>
<HStack w="full" gap={4}>
<Link to={URLs.baseUrl}>
@@ -133,7 +133,7 @@ export const TrackerPage: React.FC = () => {
{/* Quick log button */}
<Card.Root w="full" bg="blue.50">
<Card.Body>
<Card.Body p={{ base: 4, md: 6 }}>
<VStack gap={4}>
<Text fontSize="lg" fontWeight="bold">
Быстрая запись
@@ -143,10 +143,9 @@ export const TrackerPage: React.FC = () => {
size="lg"
w="full"
onClick={logQuick}
loading={isLoading}
disabled={isLoading}
>
Записать сигарету (текущее время)
{isLoading ? 'Запись...' : 'Записать сигарету (текущее время)'}
</Button>
</VStack>
</Card.Body>
@@ -154,7 +153,7 @@ export const TrackerPage: React.FC = () => {
{/* Form with custom time and note */}
<Card.Root w="full">
<Card.Body>
<Card.Body p={{ base: 4, md: 6 }}>
<form onSubmit={handleSubmit(onSubmit)}>
<VStack gap={4} align="stretch">
<Heading size="md">Запись с дополнительными данными</Heading>
@@ -188,10 +187,9 @@ export const TrackerPage: React.FC = () => {
type="submit"
colorScheme="green"
w="full"
loading={isLoading}
disabled={isLoading}
>
Записать с заметкой
{isLoading ? 'Запись...' : 'Записать с заметкой'}
</Button>
</VStack>
</form>
@@ -221,7 +219,7 @@ export const TrackerPage: React.FC = () => {
{/* Recent cigarettes list */}
<Card.Root w="full">
<Card.Body>
<Card.Body p={{ base: 4, md: 6 }}>
<VStack gap={4} align="stretch">
<Heading size="md">Последние записи</Heading>