further css fixes

This commit is contained in:
May 2023-10-20 06:04:01 +00:00
parent 58e1cf0ef0
commit 37d4644e5d
5 changed files with 11 additions and 11 deletions

View file

@ -35,7 +35,7 @@
<h1> <h1>
$FileName $FileName
</h1> </h1>
<p style="color:#999999"> <p style="color:var(--subtext)">
<span class="number">$FileSize</span>&nbsp;&nbsp;&nbsp;&nbsp;uploaded by <span class="number">$Uploader</span> <span class="number">$FileSize</span>&nbsp;&nbsp;&nbsp;&nbsp;uploaded by <span class="number">$Uploader</span>
</p> </p>

View file

@ -163,7 +163,7 @@
h1 { h1 {
font-weight:600; font-weight:600;
font-size:20px; font-size:20px;
color: #AAAAAA; color: var(--subtext);
@media screen and (max-width:500px) { @media screen and (max-width:500px) {
font-size:24px; font-size:24px;

View file

@ -9,7 +9,7 @@
height:40px; height:40px;
/* hsl(210,9.1,12.9) */ /* hsl(210,9.1,12.9) */
background-color: rgb(30, 33, 36); background-color: var(--crust);
display:flex; display:flex;
flex-direction: row; flex-direction: row;

View file

@ -16,7 +16,7 @@
} }
background:var(--panel); background:var(--panel);
color:#ddd; color:var(--text);
h1, p, a { h1, p, a {
margin: 0px; margin: 0px;
@ -28,12 +28,12 @@
padding: 0; padding: 0;
margin-top: 5px; margin-top: 5px;
img { svg {
color: var(--subtext); color: var(--subtext);
} }
&:hover { &:hover {
img { color: var(--text); } svg { color: var(--text); }
} }
} }

View file

@ -193,7 +193,7 @@
</button> </button>
{/if} {/if}
</h1> </h1>
<p style:color="#999999"> <p style:color="var(--subtext)">
<span class="number" <span class="number"
>{$serverStats.version ? `v${$serverStats.version}` : "•••"}</span >{$serverStats.version ? `v${$serverStats.version}` : "•••"}</span
>&nbsp;&nbsp;&nbsp;&nbsp;Discord based file sharing >&nbsp;&nbsp;&nbsp;&nbsp;Discord based file sharing
@ -216,7 +216,7 @@
> >
<h2> <h2>
{upload[1].name} {upload[1].name}
<span style:color="#999999" style:font-weight="400" <span style:color="var(--subtext)" style:font-weight="400"
>{upload[1].type}{@html upload[1].type == "upload" >{upload[1].type}{@html upload[1].type == "upload"
? `&nbsp;(${Math.round( ? `&nbsp;(${Math.round(
upload[1].file.size / 1048576 upload[1].file.size / 1048576
@ -362,7 +362,7 @@
/> />
{/if} {/if}
{:else} {:else}
<p transition:_void style:color="#999999" style:text-align="center"> <p transition:_void style:color="var(--subtext)" style:text-align="center">
Please log in to upload files. Please log in to upload files.
</p> </p>
<div <div
@ -372,7 +372,7 @@
{/if} {/if}
{/if} {/if}
<p style:color="#999999" style:text-align="center"> <p style:color="var(--subtext)" style:text-align="center">
Hosting <span class="number" style:font-weight="600" Hosting <span class="number" style:font-weight="600"
>{$serverStats.files || "•••"}</span >{$serverStats.files || "•••"}</span
> >
@ -384,7 +384,7 @@
> >
<br /> <br />
</p> </p>
<p style:color="#999999" style:text-align="center" style:font-size="12px"> <p style:color="var(--subtext)" style:text-align="center" style:font-size="12px">
Made with {Math.floor(Math.random() * 10) == 0 ? "🐟" : "❤"} by Made with {Math.floor(Math.random() * 10) == 0 ? "🐟" : "❤"} by
<a href="https://cetera.uk" style:font-size="12px" <a href="https://cetera.uk" style:font-size="12px"
><svg ><svg