modified order of components, putting the alert box on top of the input

This commit is contained in:
Nathan Windisch 2025-03-13 03:53:38 +00:00
parent 52a2556e84
commit 0e94996cfa

View File

@ -80,13 +80,6 @@ function App() {
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<Input
placeholder="Enter your email address or domain"
onChange={onChange}
value={domain}
/>
</CardContent>
<CardFooter>
{!isLoading && error && ( {!isLoading && error && (
<Alert variant="destructive"> <Alert variant="destructive">
<AlertTitle>Error!</AlertTitle> <AlertTitle>Error!</AlertTitle>
@ -107,6 +100,13 @@ function App() {
</AlertDescription> </AlertDescription>
</Alert> </Alert>
)} )}
</CardContent>
<CardFooter>
<Input
placeholder="Enter your email address or domain"
onChange={onChange}
value={domain}
/>
</CardFooter> </CardFooter>
</Card> </Card>
</div> </div>