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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user