Some layout fixes

This commit is contained in:
2022-01-11 22:45:31 +01:00
parent dabef31fa9
commit 4f70715027
2 changed files with 4 additions and 5 deletions

View File

@@ -75,6 +75,7 @@ header, footer {
} }
header > h1 { header > h1 {
text-shadow: 1px 1px 10px var(--shadow_color); text-shadow: 1px 1px 10px var(--shadow_color);
margin-bottom: 50px;
} }
footer { footer {
padding: 200px 8px 40px 8px; padding: 200px 8px 40px 8px;
@@ -249,7 +250,6 @@ h1, h2, h3, h4, h5, h6, .light {
h1 { h1 {
font-size: 2.5em; font-size: 2.5em;
text-align: center; text-align: center;
margin-bottom: 1em;
} }
h2 { h2 {
font-size: 2em; font-size: 2em;

View File

@@ -78,15 +78,14 @@ const copy_magnet = () => {
</script> </script>
<div class="container"> <div class="container">
<h1>Torrent file on pixeldrain</h1> <h1>{file.name}</h1>
<img src={file.icon_href} alt="File icon" class="icon"> <img src={file.icon_href} alt="File icon" class="icon">
<div class="description" style="max-width: 650px"> <div class="description" style="max-width: 650px">
Name: {file.name}<br/>
{#if status === "finished"} {#if status === "finished"}
Created by: {torrent.created_by}<br/> Created by: {torrent.created_by}<br/>
Comment: {torrent.comment}<br/>
Created at: {formatDate(new Date(torrent.created_at), true, true, true)}<br/> Created at: {formatDate(new Date(torrent.created_at), true, true, true)}<br/>
Info hash: {torrent.info_hash}<br/> Info hash: {torrent.info_hash}<br/>
Comment: {torrent.comment}<br/>
<a href={magnet} class="button button_highlight"> <a href={magnet} class="button button_highlight">
<Magnet></Magnet> <Magnet></Magnet>
<span>Open magnet link</span> <span>Open magnet link</span>
@@ -95,7 +94,7 @@ const copy_magnet = () => {
on:click={copy_magnet} on:click={copy_magnet}
class="button" class="button"
class:button_highlight={copy_magnet_status === "copied"} class:button_highlight={copy_magnet_status === "copied"}
class:button_red={copy_magnet_status === "erorr"} class:button_red={copy_magnet_status === "error"}
> >
<Magnet></Magnet> <Magnet></Magnet>
<span> <span>