More css tweaks
This commit is contained in:
parent
e88c8b954e
commit
0327c545d2
17
App.jsx
17
App.jsx
@ -26,9 +26,10 @@ function Entry(props) {
|
||||
<div className="searchResult" key={ entry.id }>
|
||||
<b>{ entry.sai }</b> - { entry.eng }
|
||||
<br />
|
||||
<span className="synclass">{ entry.syn_category }</span>
|
||||
<br />
|
||||
Type: { entry.morph_type }
|
||||
<span className="synclass">
|
||||
<i>{ entry.syn_category }</i>
|
||||
{ entry.morph_type ? `\t\t${entry.morph_type}` : null }
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -105,12 +106,12 @@ class App extends Component {
|
||||
<button onClick={ this.searchSaimiar } className="searchButton">Saimiar</button>
|
||||
<button onClick={ this.searchEng } className="searchButton">English</button>
|
||||
</div>
|
||||
<Results
|
||||
searchResults={ this.state.searchResults }
|
||||
searchTerm= { this.state.searchTerm }
|
||||
searchType={ this.state.searchType }
|
||||
/>
|
||||
</div>
|
||||
<Results
|
||||
searchResults={ this.state.searchResults }
|
||||
searchTerm= { this.state.searchTerm }
|
||||
searchType={ this.state.searchType }
|
||||
/>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
20
App.scss
20
App.scss
@ -1,9 +1,10 @@
|
||||
body {
|
||||
background-color: #f0f0b8;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
main {
|
||||
text-align:center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div .container {
|
||||
@ -11,6 +12,10 @@ div .container {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
div .results {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div .textInput {
|
||||
max-width: 70%;
|
||||
margin: auto;
|
||||
@ -26,3 +31,16 @@ input {
|
||||
margin: 10px;
|
||||
font-dize: 22px;
|
||||
}
|
||||
|
||||
.searchResult {
|
||||
border-bottom: 1px solid #b2a336;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.synclass {
|
||||
color: #a63333;
|
||||
i {
|
||||
margin-right: 10px;
|
||||
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user