mirror of
https://github.com/danbulant/Mangades
synced 2026-06-18 13:51:05 +00:00
improve styles for the search page
This commit is contained in:
parent
9db302fb3a
commit
23d6247d35
1 changed files with 36 additions and 5 deletions
|
|
@ -76,11 +76,24 @@
|
|||
Loading...
|
||||
{:then result}
|
||||
<div class="flex">
|
||||
<div>
|
||||
Showing results: {result.results.length}
|
||||
<br>
|
||||
Total results: {result.total}
|
||||
</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Showing results:
|
||||
</td>
|
||||
<td class="value">
|
||||
{result.results.length}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Total results:
|
||||
</td>
|
||||
<td class="value">
|
||||
{result.total}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div>
|
||||
<button on:click={() => randomManga()} disabled={randomMangaLoading}>Random</button>
|
||||
</div>
|
||||
|
|
@ -111,4 +124,22 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.value {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
a:hover {
|
||||
color: rgb(0,100,200);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in a new issue