website refactor
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
import React from 'react';
|
||||
import { Stack } from '@/ui/Stack';
|
||||
import { Text } from '@/ui/Text';
|
||||
import { RaceStatusBadge } from './RaceStatusBadge';
|
||||
import { Icon } from '@/ui/Icon';
|
||||
import { Calendar, MapPin, Car } from 'lucide-react';
|
||||
import { Stack } from '@/ui/primitives/Stack';
|
||||
import { Text } from '@/ui/Text';
|
||||
import { Calendar, Car, MapPin } from 'lucide-react';
|
||||
import React from 'react';
|
||||
import { RaceStatusBadge } from './RaceStatusBadge';
|
||||
|
||||
interface RaceHeaderPanelProps {
|
||||
track: string;
|
||||
@@ -43,7 +43,7 @@ export function RaceHeaderPanel({
|
||||
/>
|
||||
|
||||
<Stack p={6} position="relative">
|
||||
<Stack direction={{ base: 'col', md: 'row' }} gap={6} align="start" className="md:items-center">
|
||||
<Stack direction={{ base: 'col', md: 'row' }} gap={6} align={{ base: 'start', md: 'center' }}>
|
||||
{/* Info */}
|
||||
<Stack flexGrow={1}>
|
||||
<Stack gap={3}>
|
||||
@@ -83,7 +83,7 @@ export function RaceHeaderPanel({
|
||||
|
||||
{/* Actions */}
|
||||
{actions && (
|
||||
<Stack flexShrink={0} width={{ base: 'full', md: 'auto' }}>
|
||||
<Stack flexShrink={0} w={{ base: 'full', md: 'auto' }}>
|
||||
{actions}
|
||||
</Stack>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user