changed response block design
This commit is contained in:
@@ -193,7 +193,7 @@ a:hover {
|
|||||||
margin: 40px 40px 100px 40px;
|
margin: 40px 40px 100px 40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 40px;
|
gap: 40px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -127,11 +127,11 @@ function Bird_CNN() {
|
|||||||
<div className='response-block'>
|
<div className='response-block'>
|
||||||
<div className='content-block class'>
|
<div className='content-block class'>
|
||||||
<h3 className='conten-block-text'>Bird Species: </h3>
|
<h3 className='conten-block-text'>Bird Species: </h3>
|
||||||
<p id='bird-class-text' className='conten-block-text'>{birdClass}</p>
|
{birdClass && <p id='bird-class-text' className='conten-block-text'>{birdClass}</p>}
|
||||||
</div>
|
</div>
|
||||||
<div className='content-block confidence'>
|
<div className='content-block confidence'>
|
||||||
<h4 className='conten-block-text'>Model Confidence: </h4>
|
<h4 className='conten-block-text'>Model Confidence: </h4>
|
||||||
<p id='bird-confidence-text' className='conten-block-text'>{confidence}</p>
|
{confidence && <p id='bird-confidence-text' className='conten-block-text'>{confidence}</p>}
|
||||||
</div>
|
</div>
|
||||||
{error && <h4 className='conten-block-text'>An Error has uccured. Please try again later.</h4>}
|
{error && <h4 className='conten-block-text'>An Error has uccured. Please try again later.</h4>}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user