changed response block design

This commit is contained in:
2026-05-06 17:30:21 +02:00
parent 6d0f56b493
commit 337bdb1a1d
2 changed files with 3 additions and 3 deletions
+1 -1
View File
@@ -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;
} }
+2 -2
View File
@@ -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>