modified order of components, putting the alert box on top of the input
This commit is contained in:
parent
52a2556e84
commit
0e94996cfa
14
src/App.tsx
14
src/App.tsx
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user