dan/Mangades
1
0
Fork 0
mirror of https://github.com/danbulant/Mangades synced 2026-07-06 11:30:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve styles for the search page

Browse source
This commit is contained in:
Daniel Bulant 2021-05-23 18:10:16 +02:00
parent 9db302fb3a
commit 23d6247d35
1 changed files with 36 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/pages/index.svelte
View file

@ -76,11 +76,24 @@
Loading... Loading...
{:then result} {:then result}
<div class="flex"> <div class="flex">
<div> <table>
Showing results: {result.results.length} <tr>
<br> <td>
Total results: {result.total} Showing results:
</div> </td>
<td class="value">
{result.results.length}
</td>
</tr>
<tr>
<td>
Total results:
</td>
<td class="value">
{result.total}
</td>
</tr>
</table>
<div> <div>
<button on:click={() => randomManga()} disabled={randomMangaLoading}>Random</button> <button on:click={() => randomManga()} disabled={randomMangaLoading}>Random</button>
</div> </div>
@ -111,4 +124,22 @@
display: flex; display: flex;
justify-content: space-between; 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> </style>